Three.js Demos & Interactive Documentation

Simple rotating cube starter showcasing a basic scene, camera and lighting.

Three.js sphere with UV texture mapping using procedural checkerboard CanvasTexture. Demonstrates texture wrapping, anisotropy, and material mapping.

Torus geometry with a material wireframe toggle (GUI and keyboard "w").

Interactive torus knot geometry demo showcasing Three.js TorusKnotGeometry with parametric generation, animation, and standard PBR material shading.

Compare ambient fill with a directional key light on a sphere.

Visual helpers to understand world orientation and scale.

Interactive JavaScript 3D point cloud demo using Three.js PointsMaterial and BufferGeometry for efficient WebGL rendering.

Orbit a normal-mapped cube with axes visible.

Enable basic shadow casting/receiving between objects.

Torus knot with MeshNormalMaterial for quick debugging.

Thousands of lightweight instances arranged in a grid.

Wireframe cube using MeshBasicMaterial.

Compare basic/lambert/phong/standard materials on spheres.

A row of basic primitives rotating under lights.

Interactive three.js point light with real-time controls for position, color, and intensity. Features point light helper visualization and mouse tracking.

Inspect directional light shadow camera and map size.

Spotlight target follows the mouse; tweak angle and penumbra.

Noise-based point light flicker simulating a handheld torch.

Animate sky and sun color/intensity over a day-night cycle.

Add/remove multiple colored lights and blend their effects.

Patterned color-cycling lights with tempo and patterns.

Fake god rays with additive cone; adjust density and decay.

Advanced three.js soft shadow techniques with PCF shadow mapping, dynamic shadow softness control, and real-time shadow quality comparison.

Emissive neon-style text with adjustable glow intensity.

Post-processing depth of field effect with objects at varying distances.

Interactive orbital camera with damping and auto-rotation controls.

WASD movement with mouse look controls for immersive navigation.

Camera technique that changes FOV while adjusting distance to maintain object size.

Realistic snow particle system with wind and swaying motion.

Interactive fireworks show with particle explosions and physics.

Procedural spiral galaxy with customizable arms and particle distribution.

Falling cubes with realistic physics, collisions, and bouncing.

Multiple balls bouncing in an enclosed space with ball-to-ball collisions.

Real-time reflections using cube camera and procedural skybox.

Shader-based fractal noise with multiple octaves and color modes.

Classic demoscene plasma effect with customizable wave parameters.

Fractal noise-based terrain generation with vegetation and biomes.

Fast falling raindrops with wind and fog; reset on ground contact.

Upward particle fountain with gravity and per-particle lifetime.

Scroll a checker texture across a cylinder by animating UV offsets.

Infinite starfield moving towards the camera with wraparound.

Immersive grass field with advanced wind simulation, realistic blade shapes, natural color variation, and interactive camera controls.

HDR bloom post-processing effect with threshold and intensity controls.

Velocity-based blur trails created by blending current and previous frames with custom shader.

Bokeh depth of field pass with smooth auto-focus and click-to-focus controls across layered geometry.

Neon city scene routed through DigitalGlitch shader with burst, pulse, and wild distortion modes.

Cinematic scene layered with animated film grain, scanlines, and color tint controlled through a custom shader.

Interactive slope-offset-power grading pipeline with exposure, saturation, and temperature controls.

Real-time reflections using render targets to create realistic water surface reflections with interactive controls.

Real-time frequency spectrum visualization with interactive audio controls.

Dynamic particle system that responds to audio frequency analysis with explosions, color changes, and movement based on bass, mid, and treble ranges.

Render to texture technique showing a spinning cube rendered to texture and applied to multiple objects.

Realistic orbital mechanics with all planets, moons, and dynamic lighting from the sun.

Interactive 3D bar chart with multiple datasets, animations, and hover effects.

Stunning Three.js 3D globe visualization with animated location pins marking major world cities. Features realistic globe rendering, latitude/longitude grid lines, auto-rotation, and customizable pins for geographic data visualization and interactive mapping.

Classic arcade game reimagined in 3D space with realistic physics, AI opponent, and interactive controls.