office builder

A floor-planning interface over a live three.js scene in a light clay look, glass partitions and an orange accent. In a 24-second seamless loop a cursor draws a 126 m² floor from a corner while orange tags show its width and depth and the area counts up; the outer walls rise with window bands and the floor gets wood. Two strokes become glass partitions with doors that swing open, making an open space, a meeting room with carpet tiles and a lounge, each with a floating tag, and a Rooms card builds up on the right. Then items are dragged from the library on the left, whose thumbnails are renders of the same models: two desk benches with monitors and chairs, an oval meeting table, a 75-inch wall screen that switches on with a live bar chart mirrored in its card, an L-sofa set on a rug, a floor lamp that glows while a Lighting card slides to 64%, and plants. Each flies in as a translucent orange ghost with a footprint snapping to the grid, then lands with a small bounce and turns solid, while the steps bar, item counts and the stats bar (area, rooms, seats, items) keep up. In review, details pop in (whiteboard, prints, storage, shelf, coat stand, poufs) and the camera orbits the finished floor before everything sinks away. Every model is built in code from boxes, rounded boxes, cylinders and spheres, with soft shadows and no textures. window.render(t) draws any moment, and window.__RENDERING__ switches on full-quality 4096 px shadows for frame-exact video export; reduced motion gets one still.