Floor plan (3D WebGL)

Real-time 3D viewer for floor plans, rendered with Three.js. Same DSL as the 2D / axonometric floor-plan engines — walls extrude up, rooms become 3D volumes, and you can orbit / pan / zoom with the mouse or pinch on touch. This is Phase 1 of the editable architecture modeller; phase 2 will add raycaster click-to-edit on walls, doors, and furniture so you can model interactively while the DSL stays the source of truth.

Templates

Source language

plaintext

Workstation

Studio

Engine id

floorplan3d-edit

Open in Studio

In the same space

Most users come to Floor plan (3D WebGL) from SketchUp Free (read-only views). Glyph runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

view iso
height 2.7
wall (0,0)-(10,0)
wall (10,0)-(10,7)
room "Living" at (5,4)

Paste this in the Studio code pane to see Floor plan (3D WebGL) render live. The full grammar is at the upstream-docs link above.

Sample templates

All 2 →

custom

3D viewer — studio apartment

Real-time 3D viewer; drag to orbit, wheel to zoom.

custom

3D viewer — two-bedroom house

Live 3D fly-around of a two-bedroom plan.

Engine reference: floorplan3d-edit · ← Browse all engines · Quick-start guide