Vapor Splat
A standalone 3DGS experiment exploring spatial web presentation.
Experiments
These are some of my favorite open source Three.js samples. I'm spending time digging in, extending, combining, and exploring creative new implementations.
Core Experiments
3DGS Gaussian Interpolation Transitions
A focused Spark.js scene that interpolates between placeholder SOG assets with keyboard controls.
3DGS Env Map Ground Projection
A Spark.js 3DGS scene that drives reflective car paint with generated environment maps.
360 Depth Map to 3DGS World
An editable primitive world generator that exports equirectangular depth maps for downstream world synthesis.
4DGS Gracia WebSDK
A Gracia WebSDK Three.js sample for exploring streamed 4D Gaussian scenes.
4DGS + World Foundation Model
A Spark.js Gaussian world foundation scene with streamed GRACIA 4DGS performers layered into the same experiment.
React Three Fiber
Mixing HTML and WebGL
A route-local React Three Fiber scene with HTML occlusion.
SSGI Spheres with Rapier
A physics-driven sphere study inspired by the pmndrs SSGI demo.
Environment Blur and Transitions
A reflective sphere with environment blur controls and preset transitions.
Cell Fracture
An interactive text fracture scene with animated GLB fragments.
Image Gallery
A reflective spatial image gallery with clickable camera transitions.
Thunder Clouds
A stormy cloud scene with physics-driven lightning and camera shake.
Building Dynamic Env Maps
A reflective vehicle scene with declarative lightformers and dynamic environment mapping.
Audio Analyser
A procedural audio-reactive scene inspired by the pmndrs audio analyser demo.
Envmap Ground Projection
A projected HDR environment with reflective car paint and ground contact.
Re-using GLTFs
A small scene showing multiple instances from one loaded GLTF asset.
Sky Dome with Annotations
A photosphere navigation study with annotated portals.
Grass Shader
A wind-driven instanced grass shader scene.
Color Grading
A post-processing color grading study using a LUT.
Water Shader
A large procedural ocean plane with animated normals.
Enter Portals
The pmndrs enter-portals demo with blended MeshPortalMaterial scenes.
Vanilla Three.js
UltraHDR Texture Loader
A raw Three.js-style UltraHDR material and environment loader study.
Materials Env Maps
A raw Three.js environment mapping study with reflection and refraction modes.
PMREM Cubemap
A PMREM cubemap material grid inspired by the Three.js example.
PMREM Equirectangular
A PMREM equirectangular material grid inspired by the Three.js example.
Random UV
A random UV and dissolve material study inspired by the Three.js shader example.
WebGPU Compute Particles
A WebGPU compute particle study with a browser support fallback.
WebGPU Compute Fluid Particles
A WebGPU fluid particle study with a browser support fallback.
WebGPU Compute Water
A WebGPU compute water study with a browser support fallback.
WebGPU Radial Blur
A WebGPU post-processing radial blur study.
WebGPU Raging Sea
A WebGPU/TSL raging sea shader study.
Games FPS
A first-person movement and collision prototype inspired by the Three.js FPS example.