Profile picture
David Jefferies
Game Developer & GPU Programmer
Home
About Me
Published Games
Interactive Demos
Personal Projects
Publications & Patents
Personal

Interactive Demos

Web Demos I've built for fun and learning in WebGL, WebGPU and Three.js.

Gaussian Splat Viewer

Gaussian Splat Viewer

Interactive 3D Gaussian Splatting viewer.

Features
WebGL
Gaussian Splatting
Real-time Rendering
WebGL Atmospheric Scattering

Atmospheric Scattering

Physically-based Rayleigh and Mie atmospheric scattering.

Features
WebGL 2
Rayleigh Scattering
Mie Scattering
FBX Voxelizer

FBX to Voxel Converter

Real-time mesh-to-voxel conversion using raycasting and spatial sampling. Load FBX models and convert them to volumetric voxel representations with adjustable resolution.

Features
Three.js
Raycasting
FBX Loader
Voxelization
Depth Inference

Depth Inference

Interactive 3D visualisation generated from RGB image and depth map. Explore the reconstructed 3D scene with orbit controls and adjustable parameters.

Features
Three.js
Height Field
Depth Mapping
3D Reconstruction
WebGPU Path Tracing

WebGPU Path Tracing

Real-time Monte Carlo path tracer inspired by smallpt. Features progressive accumulation, global illumination, and physically-based materials including diffuse, mirror, and glass surfaces with Fresnel reflections.

Features
WebGPU
Path Tracing
Global Illumination
PBR
AI Texture Upscaling

AI Texture Upscaling

Deep learning super-resolution using SRCNN. Upload low-resolution textures and upscale them 2x with AI-enhanced detail reconstruction. Runs entirely in your browser using ONNX Runtime Web.

Features
SRCNN
ONNX Runtime
Super Resolution
WebAssembly
WebGPU Bear Particles

WebGPU Bear Particles

Animated bear model with wireframe rendering. Watch the bear roar animation in real-time with WebGL rendering.

Features
WebGL
Three.js
FBX Animation
Wireframe
Feisar Ship Viewer

Feisar Ship Viewer

Interactive 3D WipEout ship with plasma engine trail, dynamic flight path, and energy pulses using Three.js OBJLoader.

Features
Three.js
Plasma Trail
PBR Materials
Real-time Rendering
Triceratops Viewer

Triceratops Viewer

Interactive 3D model viewer using Three.js FBXLoader. View and explore Triceratops model with real-time rendering and animations.

Features
Three.js
FBX Loader
3D Models
Real-time Rendering
Fluid Simulation

Fluid Simulation

Real-time Navier-Stokes solver with advection, divergence, pressure projection, and gradient subtraction. Interactive GPU-based fluid dynamics.

Features
WebGL 2
Navier-Stokes
Pressure Projection
Interactive