The laboratories

Make an invisible process inspectable#

A frame contains geometry, transfer layouts, animation poses, resource dependencies, and overlapping queues. These laboratories expose a small controlled version of each idea. They use visible state, meaningful controls, and a reset, so an observation can be repeated. All scenes and timelines here are browser illustrations or simulations. They are not engine captures or native performance benchmarks. The material lab names its simplified shading model; the culling lab names its point-based approximation; the animation lab distinguishes planar angle blending from native quaternion poses.

How to explore#

Change one setting at a time and predict what should happen. Move the second triangle in front and behind another. Scrub an animation to one fixed time, then blend. Increase the GPU duration while keeping CPU duration unchanged. Open the matching chapter to connect that observation to code and ownership. The browser loads lab code near the viewport. Offscreen playback pauses, and reduced-motion preferences disable automatic scene rotation. Core articles and static diagrams remain readable when graphics or JavaScript cannot run.