# Interface Reference

<figure><img src="/files/TfcnV5vBUJZthug0weiX" alt=""><figcaption></figcaption></figure>

| <mark style="background-color:green;">Top menu (1)</mark>             | *2D / 3D*                                                                                                      | <p>Switch camera view from top-down to fyling 3D<br>3D camera is controlled via arrow keys and mouse.</p> |
| --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
|                                                                       | <p>Mode: Switch between</p><p>o    Live Plan: real-time operation mode</p><p>o    Media: Play video/images</p> |                                                                                                           |
|                                                                       | Settings, Restart, Close                                                                                       |                                                                                                           |
| <mark style="background-color:$primary;">Layers (2)</mark>            | *Import plan files*                                                                                            | Import / Unload picture (jpeg, jpg, png, bmp) or PDF or DXF/DWG.                                          |
|                                                                       | Opacity                                                                                                        | Transparency slider                                                                                       |
|                                                                       | ColorFX                                                                                                        | Invert and colorize the layer                                                                             |
|                                                                       | Control                                                                                                        | Select the layer as active for the plan control panel. Clicking on the row also does the same.            |
| <mark style="background-color:$success;">Plan Control (3)</mark>      |                                                                                                                |                                                                                                           |
|                                                                       | *Keyboard control*                                                                                             | Allows keyboard button control for scaling (+/- keys) and translation (arrow keys)                        |
|                                                                       | Mouse Control                                                                                                  | Allow to drag the selected plan for translation.                                                          |
|                                                                       | Scale *+ -*                                                                                                    | Scale up and down the plan, with an input field for precise edits.                                        |
|                                                                       | Ref                                                                                                            | Start the autoscaler function to use reference points and automatically scale to 1:1                      |
|                                                                       | *▲ ▼ ◀* *▶*                                                                                                    | Move the plan vertically and horizontally                                                                 |
|                                                                       | *10% / 1%*                                                                                                     | Step size for the scaling and positioning. Toggle between coarse (10%) and fine (1%)                      |
|                                                                       | <p><em>Rotate</em><br><em>Flip</em></p>                                                                        | X,Y,Z rotate by 90° and flip direction by 180° around Y                                                   |
|                                                                       | *Recenter*                                                                                                     | Resets the position of to the initial state                                                               |
| <mark style="color:$info;background-color:yellow;">Project (4)</mark> | Load/Save                                                                                                      | Load/Save the project as (.json)                                                                          |
|                                                                       | Browse Demos...                                                                                                | Opens the demo panel wher you can load preset highlight projects.                                         |
|                                                                       | Clear all layers                                                                                               | clear the current session.                                                                                |
| <mark style="background-color:purple;">Interface Options (5)</mark>   | *Background*                                                                                                   | Show/Hide a background pattern: grid, black, white or a custom picture.                                   |
|                                                                       | <p>Ruler<br>1x1 cube</p>                                                                                       | Internal reference objects to verify dimensions and scale of the digital space.                           |
|                                                                       | <p><em>View:</em> Zoom/Pan the UI camera. </p><p>Reset view to revert the UI camera to default.</p>            | This does not influence the projection view.                                                              |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.exaplan.one/references/interface-reference.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.