A house of kinetic clocks and a lot of triangles

· 1 min read · react-three-fiber, webgl, lod, performance, launch

A wall of many kinetic clocks inside a house, a massive object count scene rendered with localized LOD

How do you render a room made of an enormous number of small things? Humans Since is a kinetic clock house, and it was produced in WebGL to demonstrate dynamic rendering of massive object counts.

The kinetic clocks

The trick: localized LOD #

It uses localized LOD: only the objects inside the camera's view radius stay visible. That way billions of triangles in the scene can be handled efficiently, because the device only pays for what is near the camera.

Custom shaders and additional effects round out the experience.

Try it #

The demo is live at hs-clocks-house.vercel.app, and the details are on the project page.

Related projects