> For the complete documentation index, see [llms.txt](https://marcosecchi.gitbook.io/unreal-per-i-professori-delle-scuole-superiori/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://marcosecchi.gitbook.io/unreal-per-i-professori-delle-scuole-superiori/introduzione-ad-unreal-engine/primi-passi/creare-il-progetto/linterfaccia-delleditor.md).

# L'interfaccia dell'Editor

Esploriamo i pannelli principali

Una volta visitato l'ambiente, siamo pronti a scoprire come funziona l'interfaccia dell'Editor Unreal. Sono presenti sette sezioni principali:

1. **Menu Bar**
2. **Main Toolbar**
3. **Level Viewport**
4. Pulsante **Content Drawer**
5. **Toolbar** di fondo
6. **Outliner**
7. Pannello **Details**

![Gli elementi dell'interfaccia grafica](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2FmvWLzSDcI0Dvv6guxQKP%2Fnew-project-commented.png?alt=media\&token=0b2fb2fb-f86d-4a88-b148-f74e4f1b73e6)

## Le sezioni

### 1. Menu Bar

*Scopo: accedere a comandi e funzionalità specifiche dell'Editor*

![La barra dei menu](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2FtiC63JKSLpjv6K0Sw80g%2Feditor-menu-bar.png?alt=media\&token=fa4e4e87-f32d-4008-b87b-89994f8ddd8d)

### 2. Main Toolbar

*Scopo: esporre alcune scorciatoie agli strumenti più comuni dell'editor e permettere di entrare ed uscire dal Play Mode*

![La barra degli strumenti](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2F7kQt8rkLqsxmrInKLrki%2Feditor-toolbar.png?alt=media\&token=60ae426b-e913-45f6-9570-e0822711feb9)

### 3. Level Viewport

*Scopo: mostrare il contenuto del livello con tutti gli attori che partecipano a comporlo*

Questa vista contiene una serie di pulsanti che permettono di manipolare il livello e muovercisi intorno. Contiene inoltre una serie di strumenti avanzati di analisi.

### 4. Pulsante Content Drawer

*Scopo: aprire la sezione contenuti (Content Drawer) che raccoglie tutti gli elementi (assets) utilizzabili nel progetto*

![Il content drawer](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2F7Ik9Ys8eRMLfa0rnsEX0%2Feditor-content-drawer.png?alt=media\&token=3c46de9a-3e8d-4217-88c3-e41d5a6b3644)

{% hint style="info" %}
Il Content Drawer mostra una finestra a scomparsa: se vi trovate scomodi nell'utilizzo, potrete aprire una finestra fissa dal menu principale selezionando *Window > Content Browser* e scegliendo fino a quattro Content Browser (molto utile se dovete spostare dei file nel progetto!).
{% endhint %}

### 5. Toolbar di fondo

*Scopo: mostrare alcune funzionalità avanzate (che esulano dallo scopo di questo manuale)*

### 6. Outliner

*Scopo: mostrare una vista gerarchica di tutto il contenuto del livello*

A titolo di esempio, nell'immagine sotto è possibile notare che in scena sono presenti una serie di elementi di illuminazione, un punto di partenza per il giocatore (l'utente) ed alcuni elementi dell'ambiente.

![Il pannello dell'outliner](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2FxR9mqXkKk6dj08WEiqxS%2Feditor-outliner.png?alt=media\&token=f2209ea6-70ee-4aef-b527-296f945e9dc8)

### 7. Pannello Details

*Scopo: mostrare le proprietà di un oggetto selezionato (che si definisce Actor) in modo da modificarle, se necessario*

Nell'immagine sottostante, è possibile notare che l'oggetto selezionato (un albero) contiene una posizione (*Location*), una rotazione (*Rotation*) ed una scala (*Scale*)

![Il pannello Details](https://606039244-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fzn0uTpFep1kLyyYc6BBR%2Fuploads%2FOFczYmCw8URCt0UOPVVq%2Feditor-details.png?alt=media\&token=dde932d7-7f7b-4e31-a9f8-f1f3e5598540)