Labs

Visual experiments, shader studies, and technical demos. A sandbox for exploring new rendering techniques, art styles, and performance ideas before they go into games.

watercolor-3d
Watercolor 3D
Visual Style · 2026-04-21

Watercolor 3D

A 3D scene rendered as a watercolor painting. Edge detection, color bleeding, paper texture overlay, and hand-drawn wobble — all in post-processing GLSL shaders.

Three.js GLSL Watercolor Post-Process NPR Interactive
gradient-texturing
Gradient Texturing
Visual Style · 2026-04-19

Gradient Texturing

Baked lighting via UV placement. Each face maps to a gradient column by role, with brightness from dot(normal, lightDir). Zero runtime lighting cost — pure MeshBasicMaterial.

Three.js Gradient Unlit Interactive
low-poly-flat
Low-Poly Flat
Visual Style · 2026-04-19

Low-Poly Flat

Classic flat shading with bloom, fog, vignette, and shadows. The Monument Valley / Agent Heist direction — simple geometry, rich atmosphere.

Three.js Flat Shading Post-Process Interactive
gradient-neon
Gradient + Neon
Visual Style · 2026-04-19

Gradient + Neon

Hybrid style: gradient-textured environment (soft, illustrated) meets neon emissive characters and accents (punchy, arcade). Bloom makes the neon pop against the quiet world.

Three.js Gradient Neon Bloom Interactive
toon-gradient
Toon + Gradient
Visual Style · 2026-04-19

Toon + Gradient

Cel-shaded MeshToonMaterial with configurable step count and inverted-hull outlines. Anime/cartoon look from pure math — no hand-painted textures needed.

Three.js Toon Shading Cel Outlines Interactive
energy-barrier
Energy Barrier
Shader · 2026-04-19

Energy Barrier

Four sci-fi force-field wall styles for Shatter Drift. Translucent energy barriers with animated shaders — scan lines, hex grid, circuit traces, and plasma. Click barriers to see phase-through disruption.

Three.js GLSL Force Field Sci-Fi Interactive
voronoi-shatter-3d
Voronoi Shatter 3D
Technique · 2026-04-19

Voronoi Shatter 3D

Click a 3D wall to fracture it into Voronoi prisms. Same algorithm as Shatter Drift — Sutherland-Hodgman clipping, extruded geometry, physics-driven shards with gravity and tumble.

Three.js Voronoi Physics 3D Interactive
metaballs
Metaballs
Technique · 2026-04-18

Metaballs

Classic demo scene metaballs rendered per-pixel with an implicit surface threshold. Organic blobs drift, merge, and split. Click to spawn bursts that decay over time.

Canvas2D Demo Scene Implicit Surface Interactive
game-of-life
Game of Life
Simulation · 2026-04-18

Game of Life

Conway's cellular automaton on a wrapping grid. Cells fade from bright cyan to deep blue as they age. Click to draw, Space to pause, R to randomize.

Canvas2D Cellular Automaton Interactive Classic
flow-field
Flow Field
Simulation · 2026-04-18

Flow Field

Thousands of particles drift through a Perlin noise field, leaving rainbow trails. The field evolves over time, creating an ever-shifting canvas of color.

Canvas2D Perlin Noise Generative Interactive
reaction-diffusion
Reaction-Diffusion
Simulation · 2026-04-18

Reaction-Diffusion

Gray-Scott reaction-diffusion producing Turing patterns. Two virtual chemicals react and diffuse across a grid, forming organic spots, stripes, and labyrinths.

Canvas2D Turing Patterns Generative Interactive
boid-flock
Boid Flock
Simulation · 2026-04-18

Boid Flock

Craig Reynolds flocking in action. Hundreds of boids follow separation, alignment, and cohesion rules, forming dynamic swarms. A red predator keeps them on their toes.

Canvas2D Emergent AI Interactive
ray-march
Ray March
Shader · 2026-04-18

Ray March

Real-time ray marching of signed distance fields via WebGL fragment shader. SDF shapes with smooth union blending, Phong shading, and soft shadows — all at 60fps.

WebGL Ray Marching SDF 3D
webgpu-ray-march
WebGPU Ray March
Shader · 2026-04-18

WebGPU Ray March

SDF ray marching via WebGPU compute shaders. Same scene as the WebGL version but dispatched as GPU compute workgroups — explicit parallel processing instead of a fragment shader hack.

WebGPU Compute Shader Ray Marching SDF 3D
particle-life
Particle Life
Simulation · 2026-04-18

Particle Life

Emergent behavior from simple rules. Colored particle groups attract and repel each other, forming organic clusters, chains, and orbits. Click to spawn bursts.

Canvas2D Emergent Physics Interactive
crt-monitor
CRT Monitor
Shader · 2026-04-18

CRT Monitor

A retro CRT display effect applied to a rotating 3D wireframe. Scanlines, phosphor glow, barrel distortion, and analog noise — all in Canvas2D.

Canvas2D Post-Process Retro CRT
voronoi-shatter
Voronoi Shatter
Technique · 2026-04-17

Voronoi Shatter

Click to fracture a stained-glass surface into Voronoi fragments. Physics-driven shards fly from the impact point, then reform with a new palette.

Canvas2D Voronoi Physics Interactive
soft-terrain
Soft Terrain
Visual Style · 2026-04-17

Soft Terrain

Procedural landscape with watercolor-style rendering. Rolling hills, atmospheric fog, and a warm sunset palette — zero neon.

Canvas2D Procedural Pastel