scene editor

The interface of a simple web 3D editor, in dark monochrome glass on a 1920 × 1080 stage that scales to any window without cropping. The top bar has the logo and wordmark, file tabs and Preview and Share; the left panel holds the scene tree, a primitives library and the action history; the right panel is the inspector, with a big live readout, Height and Bevel pill sliders, position fields, materials, render toggles, scene stats and Export GLB; the viewport has a tool rail, view chips, an axis widget, a hint chip and a shading switch. The object in the viewport is real 3D, ray-marched live in one WebGL2 shader with soft shadows, ambient occlusion and a glossy floor reflection. In a 10-second seamless loop a drawn pointer drags a cylinder from the library (a striped ghost that snaps onto the base), pulls its handle from 100 to 220 cm, drops a torus around it and lifts it to 175 cm, rounds the base with the Bevel slider, drops Chrome on the column (the metal floods out from the drop point) and Light on the ring (it glows and lights the column, base and floor), then orbits the camera. The scene tree, history, inspector values, stats, active tool and hint follow every step, and the selection box, handle and dimension labels are projected with the same camera as the shader. Change the words, the steps' timing, the pointer's path, the objects, materials and camera in a few lines. Every frame is a pure function of time, with window.__render(t) and a ?rec mode for frame-exact video export; reduced motion shows one still of the finished, lit object. The fonts are local, so it runs offline.