A working notebook
of real-time graphics,
culminating in a
browser raytracer.
Seven experiments in real-time rendering — compositing, transforms, textured meshes, shading, cloth, raytracing, animation. Assembled as one site so the raytracer can be poked at with a live scene editor.
The Rendering Equation, 1986
“The intensity of light transferred from one point to another is equal to the intensity emitted plus the intensity scattered.”
The works, in order.
Interactive scene with editable spheres, multiple lights, swappable environment maps, PNG export, and shareable-URL scenes.
Read →№01Alpha-composite a set of foreground layers over a background image on a 2D canvas.
Read →№02Compose 2D affine transforms into a scene graph and animate a UAV over a scrolling ground.
Read →№03Load and render a textured 3D mesh with rotation and lighting toggles.
Read →№04OBJ mesh loader with Blinn-Phong shading, swappable textures, and view controls.
Read →№05Mass-spring cloth simulation with configurable stiffness, damping, and gravity.
Read →№07Animate a low-poly mesh over time with WebGL vertex morphing.
Read →