Scanned Room template
Start inside a 3D capture of a real room, where what you add sits on the real floor, walls and furniture at real scale.
- Built on
- A real room scan + React Three Fiber + @react-three/xr, in a Vite project. It is ordinary code in a folder on your computer: read it, edit it, keep it.
- Comes with
- The Builder plan and higher. See pricing.
- Runs on
- Any WebXR browser, such as Meta Quest and Apple Vision Pro, and a flat screen with mouse or touch. The app has an emulated headset to try it before you put one on.
Requests to try
Start a project from this template and send one of these as it is, or change it to what you have in mind.
- Make a guided tour with four stops: the dresser, the picture above it, the sofa and the stairs. Each stop has a title, two lines of text and a Next plate that takes me to the next one.
- Turn this into a measuring tool: I click two points on any surface and a line with the distance appears between them. Keep the last five measurements and add an undo button in the room.
- Let me furnish the room: a palette with an armchair, a bookshelf, a floor lamp and a dining table at real sizes. Picking one puts it in front of me, and I can move and turn each piece. Show a red warning when two pieces are less than 60 cm apart.
- Let me hang three framed pictures on the walls. Each one sticks to the wall where I point and shows its height above the floor.
- Show the size of the room where I stand: the ceiling height, and the width and length between the walls, as measured lines with labels that update when I move.
Made from this template
Real projects that started here, each with the request that built it.
Scanned Room templateFurnish a scanned room
Pick a piece from the palette, point at the floor of a real scanned room to place it, and see its distance to the wall and to its neighbours.
- Real-room scan
- Controllers
- PBR materials
- Spatial labels
Read the request that made it (3 runs)
Start from it
Download Graspable, choose Scanned Room when you create a project, and say what you want. The agent edits the project on your computer and a run ends only when it builds and loads in a real browser.