Examples with source beside the renderer.

Minimal scene: one box, one light, one camera.

Rotate, bounce, and scale a cube using clock.delta.

Click and drag to orbit, scroll to zoom.

14 built-in geometry types displayed in a 4-column grid.

Adjust segment count on Sphere, Torus, Cylinder, and Cone.

Six geometry types rendered in wireframe mode.

Build geometry from raw vertex data using Attribute and Geometry.

Three spheres showing BasicMaterial, LambertMaterial, and ToonMaterial side by side.

Four ToonMaterial spheres with different colors showing cel/stepped shading.

Two spheres: flat shading (one color per face) vs Gouraud shading (per-vertex, interpolated).

Point rendering mode with adjustable point radius.

Compare Directional, Point, Spot, and Hemisphere lights on a sphere and ground plane.

HemisphereLight blends a sky color and ground color based on the surface normal direction.

Three colored PointLights orbiting a TorusKnot at different radii and speeds.

Parallel projection: objects stay the same size regardless of depth.

Frustum projection with adjustable field of view in degrees (same as THREE.js).

Sun-planet-moon system: nested Group pivots compose parent transforms automatically.

Nested Groups compose transforms: outer rotates, inner scales, meshes inherit both.

Manual position/rotation/scale animation driven by Clock.delta - no keyframes needed.

AnimationClip with VectorTracks drives position and scale. action.timeScale controls playback speed.

Two clips on the same Animator: crossFadeFrom switches smoothly between Bounce and Spin.

Glass texture with binary alpha transparency.

Procedural patterns drawn on an offscreen canvas and applied as a texture.

UV mapping on a box using TextureLoader with LambertMaterial.

Shows Wrapping.Repeat with adjustable UV tiling.

Move the mouse over the grid to highlight cubes via ray-object intersection.

Click an object to select it. Click again to deselect.

AxesHelper, GridHelper, and BoxHelper visualize orientation and object bounds.

Deterministic browser benchmark suite with warmup, repeated samples, p50/p95 FPS and frame-time stats, pipeline timings, workload counters, and JSON export.

Configurable mesh grid to stress traversal, fog, sorting, and texture sampling.

Sphere with adjustable subdivisions and material modes to isolate rasterizer throughput.

Large grid of objects with camera aimed at one corner to measure frustum culling effectiveness.

Measure lighting cost by adjusting the number of point lights in the scene.

Measures PointRasterizer throughput with large vertex counts.

Overlapping translucent planes to measure overdraw and transparency cost.

Deep nested scene graph to measure matrix propagation cost.

Measure how rendering cost scales with canvas resolution.

Voxel chunks measuring geometry merging vs individual meshes.

Heterogeneous scene with varied geometry, materials, and shading modes.