# Editor Gizmo

This guide explains how selection + gizmo mode works in the Casino Editor.

<div data-full-width="false"><figure><img src="https://1037498771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MZErcztD5BvrKnwRGJq%2Fuploads%2Fgit-blob-1ff54d4a676377b28fc0dafa6bc26e1840273f64%2Fcapt_gizmo.png?alt=media" alt=""><figcaption></figcaption></figure></div>

## Selection flow (click behavior)

1. **First click on an object** → selects it and opens that object's editor menu.
2. **Second click on the same object** (while its menu is already open) → enables **gizmo mode**.
3. In gizmo mode, you can move/rotate the selected object directly with the mouse.
4. Press **ESC** or **Right Mouse Button** to finish gizmo mode and return to editor freecam.

***

## Gizmo controls

<table data-full-width="false"><thead><tr><th>Control</th><th>Mode / Action</th><th>What it does</th></tr></thead><tbody><tr><td><code>T</code></td><td>Translate mode</td><td>Switches gizmo to movement mode (change object coordinates / position).</td></tr><tr><td><code>R</code></td><td>Rotate mode</td><td>Switches gizmo to rotation mode (change object rotation / heading).</td></tr><tr><td><code>ESC</code></td><td>Exit gizmo</td><td>Stops gizmo control and returns to normal editor freecam.</td></tr><tr><td><code>Right Mouse Button</code></td><td>Exit gizmo</td><td>Stops gizmo control and returns to normal editor freecam.</td></tr></tbody></table>

***

## Previews

### Moving objects with gizmo

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFicarM3Z9iXA9Tfz78vZ%2Fuploads%2FWiZrwfwyP5IruZt5iPNP%2Fgizmo_move.mp4?alt=media&token=dae3c0df-010c-4840-bc03-21cb037f5cc3>" %}

### Rotating objects with gizmo

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFicarM3Z9iXA9Tfz78vZ%2Fuploads%2FCeWHirpF8Q4CPjbQTRaU%2Fgizmo_rot.mp4?alt=media&token=f31c978e-ee36-49f9-ba35-b09816d0e9bd>" %}