Oranges

A WebGL scene rendering a scanned Cara Cara orange model with real-time rigid-body physics: oranges spawn, collide, and settle under gravity while an orbit camera keeps the view constrained to a comfortable range of pan, tilt, and zoom. Built with Three.js for rendering and the Rapier physics engine (via WASM) for collision and rigid-body simulation.

Beyond the novelty, this is a stand-in for any product surface that needs real-time 3D on the web: game UI, AR/e-commerce product previews, or physical simulations. The harder problem than “drop a model in a scene” is stability and performance: getting collision damping and camera constraints tuned so the scene reads as physically plausible rather than jittery, without tanking frame rate. That tuning work is the actual engineering, and it’s the same category of tradeoff (fidelity vs. performance vs. predictability) that shows up in any real-time rendering feature.