stereo lab

A hands-on browser lab for learning 3D/WebGL with three.js — 15 interactive stations (procedural geometry, glTF, SDF shaders, physics, a walkable map, PBR). Personal study / portfolio.

LANG TypeScriptHOSTED ON KIYEONJEON21.GITHUB.IOUPDATED 5 Sep 2026

• #3d-graphics
• #creative-coding
• #glsl
• #gltf
• #learning
• #physics
• #portfolio
• #raymarching
• #react-three-fiber
• #shaders

More like this

• allanhert portfolio Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
• portfolio Single-page scroll-driven portfolio: one 160,000-point particle field morphs into a different form for every section.
• DeadWax A record that wears where you played it. Groove wear rendered from your real listening history.
• gummy Gummy — soft-body jelly blobs with real spring-mass physics and glossy GPU candy rendering. Poke them. WebGL2, no server, one file.
• jalebi Jalebi — a syrupy coil dipped in dahi on a fourteen-second loop. Raymarched live on your GPU, WebGPU first with a WebGL2 fallback. No server, one…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.