3D Scene editor

3D Scene is a theme-aware Three.js building editor with levels, connected-wall drawing, automatic room floors, hosted openings, technical equipment, routed building services, real lighting and bindable sensors.

Tools

The top selector contains editing tools rather than component types:

• Select — select, inspect and orbit the scene;
• Wall — draw connected wall segments and close a room.
• Route — draw pipes, ducts, cables and cable trays as multi-point 3D paths.

Components live in the library. Drag them into the scene, or select one and click a placement point.

Camera orbit, zoom and pan remain available while drawing. In Select, use W, E and R for move, rotate and scale. Undo and redo use the platform-standard Ctrl/Cmd shortcuts.

Snapping

Grid and 90-degree wall snapping are independent. Near-right angles within 7.5 degrees are corrected to 90 degrees. Hold Alt while placing a point to bypass snapping temporarily.

Component library

Architecture

Window, Door, Floor slab, Column, Staircase, Roof and Railing.

Building systems

Air handler, HVAC unit, split indoor and outdoor AC, fan coil, pump, tank, electrical panel, RBMS cabinet and radiator. Equipment is rendered as lightweight parametric technical geometry rather than generic boxes.

Lighting

Ceiling light, Downlight, LED panel, Linear LED, Pendant light, Wall sconce and LED strip. Ceiling fixtures are placed at the active level ceiling. Wall fixtures must be dropped on a wall; LED strips align near its upper edge.

Lights expose element:<id>:state and element:<id>:dimming visualization inputs. When unbound, their configured preview state and dimming level are used.

Routes

Pipe, ventilation duct, cable, cable bundle and ladder cable tray. Change the route Y value between clicks to create vertical risers. Enter finishes, Backspace removes the last point and Escape cancels.

Landscape

Tree, Shrub, Landscape rock, Bench, Lamp post and Planter.

Sensors

Temperature, Occupancy, Humidity, CO2, Pressure and Leak detector.

Selection and properties

Click an object in the viewport or Layers panel. The Properties panel edits its name, level, dimensions, position, rotation, color and material. Walls include paint, plaster, brick, concrete, tile, wood panels and wallpaper patterns. Floors include concrete, wood, ceramic, stone, carpet, vinyl and epoxy finishes.

Right-click an object to focus, edit, choose a finish, duplicate or delete it. Scene backgrounds are configured separately for the application light and dark themes.

Delete the selected object with Delete or Backspace, the Properties trash action, or Delete object in the right-click menu. Removing a wall also removes its hosted window and door objects.

Wall display modes

Automatic and Cutaway modes provide a room view similar to building games while retaining the real wall geometry in the project.