luma.gl
Examples
Explore interactive examples for rendering, GPU compute, data processing, and visualization.
Find examples
Search by name, topic, graphics API, or difficulty.
Showing 54 of 54 examples
Featured examples
Showcase
glTF Asset Studio
Standards-first glTF assets with physically based materials, animated skeletons, morph targets, animation pointers, and WebGPU/WebGL rendering.
Instancing
Animate a dense field of geometry with per-instance transforms and colors issued in a compact draw.
Scene Playground
Declarative ANARI-style scene editing, OpenUSD/glTF import, HDR rendering, and glTF/USD export.
Globe
Orbit a richly shaded Earth with animated water, specular oceans, ice, atmosphere, and an HDR Tycho starfield.
Effects: Glass
Follow emissive multipath packets through glass switches with reflections, transparency, bloom, and HDR tone mapping.
Core capabilities
API
Animation
Drive a portable render loop with frame timing, animated uniforms, and continuous model updates.
Blending
Compare GPU blend equations and source/destination factors on overlapping transparent geometry.
Multi Canvas
Render two independently resized canvases through presentation contexts backed by one shared GPU device.
Texture Cube
Sample a cube texture across six faces to render direction-dependent environment imagery.
Texture 3D
Upload and sample volumetric texture slices inside a continuously animated three-dimensional field.
Texture Sampling
Compare independent texture samplers across a draggable divider, inspecting filtering, mipmaps, addressing, anisotropy, and depth comparisons.
Texture Tester
Probe which compressed texture families the current browser and GPU can decode and render.
Texture Video
Stream live video frames into a dynamic GPU texture and sample them while rendering.
Render Bundles
Record repeated WebGPU draw commands once, then replay the bundle efficiently on every frame.
Antialiasing Techniques
Compare single-sample rendering, FXAA, supersampling, and texture filtering in a split view.
Core capabilities
GPGPU
Image, lighting, and post-processing
Effects
Effects: Depth of Field
Focus a layered 3D scene with a reusable depth-aware bokeh and depth-of-field pipeline.
Effects: Persistence
Accumulate animated electron trails across framebuffer history with a tunable persistence effect.
Effects: Image Processing
Compose, reorder, and live-tune a complete image-effect library against an animated procedural scene.
Effects: Bloom
Explore HDR bloom with spectral lens ghosts, diffraction starbursts, halos, temporal stability, and textured lens dirt.
Effects: Visualization City
Inspect a procedural city through cascaded and local shadows, SSAO, SSR, fog, outlines, TAA, and motion blur.
Deferred Rendering: Illumination Lab
Resolve hundreds of clustered lights through deferred PBR, GTAO, SSGI, SSR, volumetrics, adaptive exposure, and HDR bloom.
Effects: Shadow Map Quality
Compare fitted cascades, PCSS penumbrae, bias, resolution, and debug views across shadow-quality presets.
Spectral Caustics: Prism Cathedral
Trace a faceted refractor into a six-band, geometry-derived HDR caustic on WebGPU.
Volumetric Fire Forge
Simulate reactive obstacle-aware fire and render the live volume with depth-correct HDR emission and smoke on WebGPU.
Order-independent Transparency
Compare exact per-pixel A-buffer transparency, weighted blended OIT, and ordinary alpha blending.
Learn by building
Tutorials
Hello Triangle
Draw a first portable triangle with a Model and backend-specific shaders.
Triangle Geometry
Build a triangle from a Geometry object and render it through the portable Model API.
Hello Cube
Render textured geometry with uniforms, depth testing, and animation.
Hello Lighting
Add normals, material response, and ambient and directional lights to a rotating mesh.
Hello glTF
Load a glTF asset and render its meshes, materials, textures, and scene transforms.
Two Cubes
Draw two independently transformed cubes from shared geometry, shaders, and texture resources.
Instanced Cubes
Animate many cubes with per-instance offsets and colors while sharing one geometry and draw call.
Hello Instancing
Draw multiple objects efficiently with per-instance attributes.
Shader Modules
Compose reusable shader modules, uniforms, and helper functions into a portable model.
Shader Hooks
Inject custom shader logic at declared hook points without replacing the surrounding shader pipeline.
Shader Plugins
Extend model shaders with typed plugins that contribute code, bindings, and runtime properties.
Transform Feedback
Update particle-like vertex data entirely on WebGL2 with transform feedback and buffer swapping.
Transform
Run a GPU data transform and capture its computed output for reuse in later rendering work.
Works with your stack
Integrations
Next-generation graphics
WebGPU
Lightstorm Megacity
Race through an HDR megacity beneath synchronized lightning and thunder, with SSR, bloom, and GPU-driven indirect rendering across up to one million records.
Tempest Ocean: Spectral Stormfront
Fly above a physically displaced spectral ocean with GPU-derived normals, whitecaps, and HDR storm lighting.
Fluid Foundry: Liquid Metal Press
Drive a GPU-resident MLS-MPM liquid through an HDR industrial vessel on WebGPU.
Virtual Geometry Canyon
Explore a procedural canyon whose GPU-selected LOD frontier represents more than 41 million potential leaf triangles.
Emerging techniques
Experimental
Gaussian Splat Viewer
Explore captured Gaussian scenes and custom camera-driven RAD landscapes.
FP64
Compare float32 and emulated float64 shader arithmetic along the same deep Mandelbrot zoom.
Text Space Crawl
Compare extruded, bitmap, SDF, and MSDF text as glyphs recede through perspective space.
Texture HTML-in-Canvas
Copy live DOM panels into GPU textures and map them onto a rotating interactive prism.
WebXR: Immersive Prism Portal
Explore a stereoscopic prism tunnel rendered through native WebGPU projection layers, with a portable WebGL2 and AR camera fallback.
Interactive simulations and GPU-native data
Simulation and data
Vector Field Lab
Orbit a sampled 3D field beside GPU-computed gradient, divergence, curl, and Laplacian volumes.
Quantum State Studio
Scrub classical quantum state vectors on the GPU through linked probability, phase, Bloch, interference, and correlation views.
Inside a Transformer
Follow prompt tokens through embeddings, multi-head attention, hidden layers, and next-token prediction in an interactive GPU-rendered explainer.
GPT-2 Transformer
Run GPT-2 inference with WebGPU compute pipelines and GPU-resident model data.