Three.js Demos

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

UV-mapped sphere using a procedural checkerboard CanvasTexture.

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

Animated TorusKnotGeometry with standard shading and controls.

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

Visual helpers to understand world orientation and scale.

Random particle cloud rendered with PointsMaterial.

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.

Drag to move a point light; adjust color and intensity.

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.

Compare shadow softness techniques and tweak softness.

Emissive neon-style text with adjustable glow intensity.