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
→