Reference Library

The Cosmos Catalogue

A collection of standalone 3D & quasi-3D techniques, each demonstrating one specific capability — ready to study, modify, and remix into your next project.

— WebGL / Three.js
01

Particle Galaxy

60,000 GPU-rendered particles forming a spiral galaxy with custom GLSL shaders and mouse-reactive gravity fields.

Shader Points GLSL Interactive
02

Iridescent Sculpture

Morphing polyhedra with holographic Fresnel shaders, animated color palettes, and dual wireframe rendering.

ShaderMaterial Fresnel Vertex Morph
03

Procedural Terrain

Perlin/Simplex noise landscapes with fractional Brownian motion, height-based coloring, and flat shading.

Simplex Noise fBm Procedural
04

Reflective Water

Real-time mirror reflections via render-to-texture, animated wave displacement, Fresnel edges, and specular highlights.

RTT Reflection Wave Shader
05

Portal Distortion Shader

Animated swirl distortion in polar coordinates with event horizon glow ring and color cycling palette.

Polar Coords Distortion Procedural
06

Twinkling Starfield

Spherical-shell distribution of points with additive blending, individual size attributes, and brightness oscillation.

Points Additive Blend Background
07

Audio-Reactive Geometry

Generative ambient drone via Web Audio API oscillators, FFT analysis driving real-time mesh deformation.

Web Audio API FFT Reactive
08

Post-Processing Stack

EffectComposer pipeline: bloom, chromatic aberration, film grain, vignette, and volumetric god rays — all togglable.

EffectComposer Bloom God Rays
— CSS / DOM Techniques
09

CSS 3D Glass UI

Floating glassmorphism panels with backdrop blur, perspective transforms, mouse parallax, and depth-of-field cards.

CSS 3D Glassmorphism Pure CSS
10

3D-to-2D Label Projection

HTML labels that follow 3D objects in real-time using camera projection — best of both DOM crispness and 3D depth.

Vector3.project Hybrid Annotations