Freakout AIFreakout AI

Overview

The Room Editor is the main workspace for building an immersive storefront.

What you see:

  • A 3D canvas for placing products, assets, lights, and room geometry
  • A top toolbar for save, agent access, screenshot, share, preview, and export actions
  • A multi-tab drawer that can sit at the bottom or on the left
  • A transform toolbar for moving, rotating, scaling, snapping, resetting, deleting, and adjusting selected objects
  • Resize, collapse, and expand controls for the active drawer

Common layout actions:

  • Move the drawer between bottom and left to match your workflow
  • Collapse the drawer when you need more canvas space
  • Save before sharing, previewing, publishing, or embedding
  • Use agent access from the toolbar to connect an MCP client, then keep the room editor open to inspect preview drafts and saved changes
  • Use Hot Keys for transform, copy, selection, and mode shortcuts

Drawer map:

Availability notes:

  • Products appears for Shopify-connected shops
  • Publish requires a saved room
  • Agent access requires a saved room
  • Origin override appears in the transform toolbar when an uploaded asset is selected

Suggested media:

Exporting and importing a scene#

Export scene downloads a reusable JSON fragment containing geometry, lights, text, overlays and scene settings, including weather. Import scene adds its objects to the current room and applies its scene settings. It reuses identical objects when importing the same fragment again.

Player targets, interactions, responsive layouts and annotation links stay connected to the imported objects. Placed models, products, external media and texture assignments are excluded; this is not a complete room backup. If an older export has broken object links, export it again from the original room.