Introduzione all'editor di Godot

Questo tutorial ti guiderà attraverso l'interfaccia di Godot. Vedremo le schermate di Gestione Progetto, docks, spazi di lavoro e tutto quello che c'è da sapere per iniziare ad usare Godot.

You can download Godot Engine here.

Gestore di Progetto

Quando avvii Godot, la prima finestra che vedi è il gestore dei progetti. Siccome non hai progetti, comparirà un popup che ti chiederà se vuoi aprire la libreria degli asset. Per ora clicca cancella, ci daremo un occhiata successivamente.

../../_images/project_manager_first_open.png

Ora dovresti vedere il Gestore dei Progetti. Esso ti permette di creare, rimuovere, importare o giocare i vari progetti.

../../_images/editor_ui_intro_project_manager_01.png

Nell'angolo in alto a destra vedrai un menù a tendina per cambiare la lingua dell'editor.

../../_images/editor_ui_intro_project_manager_02.png

Dalla scheda Templates puoi scaricare dei progetti open source e dei progetti dimostrativi per iniziare più in fretta. Semplicemente seleziona il template o la demo che vuoi, clicca download e quando ha finito di scaricare clicca installa e scegli dove vuoi salvare il progetto.

../../_images/editor_ui_intro_project_manager_03.png

Creare o importare un progetto

Per creare un nuovo progetto, clicca il tasto Nuovo Progetto sulla destra. Dagli un nome, scegli una cartella vuota nel tuo computer per salvarlo e scegli il motore di rendering.

../../_images/editor_ui_intro_project_manager_04.png

Fai clic sul pulsante Sfoglia per aprire il browser dei file di Godot e scegli una posizione o digita il percorso della cartella nel campo Percorso del Progetto.

../../_images/editor_ui_intro_project_manager_05.png

Quando vedi la spunta verde sulla destra, significa che l'engine rileva una cartella vuota . Puoi anche cliccare il tasto "Crea" di fianco al nome del tuo progetto e una cartella vuota verrà creata con quel nome.

A questo punto puoi scegliere il backend per il rendering (OpenGL ES 3.0 or OpenGL ES 2.0). I vantaggi e gli svantaggi di ognuno sono elencati per aiutarti a scegliere, e puoi fare riferimento a Differences between GLES2 and GLES3 per ulteriori dettagli. Nota che puoi cambiare il backend dalle impostazioni del progetto se cambi idea più avanti. Per questo tutorial entrambi vanno bene.

Una volta fatto premi su Crea & Modifica. Godot creerà il progetto per te e lo aprirà nell'editor.

La prossima volta che aprirai Godot, vedrai il nuovo progetto nella lista. Fai doppio click per aprirlo nell'editor.

../../_images/editor_ui_intro_project_manager_06.png

Si possono importare progetti esistenti in maniera simile, utilizzando il bottone Importa. Trova la cartella che contiene il progetto o il file project.godot per importarlo e modificarlo.

../../_images/editor_ui_intro_project_manager_08.png

Se il percorso della cartella è corretto vedrai un segno di spunta verde.

../../_images/editor_ui_intro_project_manager_09.png

La tua prima occhiata all'editor di Godot

Benvenuti in Godot! Con il progetto aperto dovreste vedere l'interfaccia dell'editor con i menu lungo la parte superiore dell'interfaccia e le dock lungo gli estremi dell'interfaccia su ambo i lati della viewport.

../../_images/editor_ui_intro_editor_interface_overview.png

In alto, da sinistra a destra, sono visibili i menù principali, gli spazi di lavoro, e i bottoni di playtest.

Il dock FileSystem è dove potrai gestire i file e le risorse del tuo progetto.

../../_images/editor_ui_intro_dock_filesystem.png

Il ** Riquadro scena** elenca il contenuto della scena attiva e ** Inspector ** consente la gestione delle proprietà del contenuto di una scena.

../../_images/editor_ui_intro_dock_inspector.png

Al centro, in alto, hai la Toolbar, dove si potranno trovare gli strumenti per muovere, scalare o bloccare gli oggetti nella scena. La Toolbar cambia le sue funzioni quando si passa tra differenti spazi di lavoro.

../../_images/editor_ui_intro_editor_02_toolbar.png

Il Pannello Inferiore è dedicato alla console di debug, all'editor per le animazioni e il mixer audio... Visto che occupano molto spazio, vengono mantenuti chiusi di default.

../../_images/editor_ui_intro_editor_03_animation_player.png

Gli spazi di lavoro

Nella parte superiore sono visibili quattro pulsanti dell'area di lavoro: 2D, 3D, Script e AssetLib.

Userai lo Spazio di Lavoro 2D per tutti i tipi di giochi. Oltre ai giochi 2D, è qui che potrai creare le tue interfacce. Premi F1 (o Alt + 1 su macOS) per accedervi.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

Nello Spazio di lavoro 3D puoi utilizzare modelli, luci e progettare livelli per giochi 3D. Premi F2 (oppure Alt + 2 su macOS) per accedervi.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Si noti il tasto [Prospettiva] sotto la barra degli strumenti: apre una lista di opzioni in relazione alla vista 3D.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Nota

Leggi Introduction to 3D per più dettagli riguardo l'area di lavoro 3D.

Lo spazio di lavoro Script è un editor di codice completo, con un debugger, auto-completamento e documentazione integrata. Premi F3 (o Alt + 3 su macOS) per accedervi, e F4 per cercare nella documentazione.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Per cercare informazioni riguardanti una classe, metodo, proprietà, costante o segnale nell'engine mentre stai scrivendo uno script, premi il bottone "Cerca aiuto" in alto a destra nella Script workspace.

../../_images/editor_ui_intro_script_search_documentation.png

Comparirà una nuova finestra. Cerca l'elemento di cui vuoi trovare informazioni a riguardo.

../../_images/editor_ui_intro_script_search_help_window.png

Clicca sull'elemento che stavi cercando e clicca apri. La documentazione dell'elemento verrà mostrata nella Script workspace.

../../_images/editor_ui_intro_script_class_documentation.png

Infine, la AssetLib è una libreria di componenti aggiuntivi, script e risorse gratuiti e open source da utilizzare nei tuoi progetti.

Modificare l'interfaccia

L'interfaccia di Godot risiede in un'unica finestra. Non è possibile dividerla in più schermate, anche se è possibile lavorare con un editor di codice esterno come per esempio Atom o Visual Studio.

Spostare e ridimensionare i pannelli

Fare clic e trascinare sul bordo di qualsiasi pannello per ridimensionarlo orizzontalmente o verticalmente.

../../_images/editor_ui_intro_editor_07.png

Fare clic sull'icona con i tre punti nella parte superiore di qualsiasi dock per modificarne la posizione.

../../_images/editor_ui_intro_editor_08.png

Andare al menu Editor e Editor Settings per ottimizzare l'aspetto dell'editor.