Visualizzazioni dell’Editor Wonderland

Trova le visualizzazioni dell’editor nella barra del menu in alto “Visualizzazioni”.

Visualizzazioni Essenziali

Userai molto frequentemente le seguenti visualizzazioni:

Visualizzazioni Aggiuntive

Strumenti usati meno frequentemente ma molto utili:

Scorciatoie Globali

Scorciatoie che funzionano ovunque nell’editor.

Scorciatoia	Descrizione
Ctrl/Cmd + N	Nuovo progetto
Ctrl/Cmd + O	Apri progetto
Ctrl/Cmd + S	Salva progetto
Ctrl/Cmd + Shift + S	Salva progetto come
Ctrl/Cmd + I	Importa progetto
Ctrl/Cmd + E	Esporta selezione
Ctrl/Cmd + Shift + P	Esporta progetto
F5	Esegui (esporta, avvia server e apri)
F8	Ricarica shader
Ctrl/Cmd + Z	Annulla ultima azione
Ctrl/Cmd + Shift + Z	Ripeti ultima azione annullata

Visualizzazione Scena

Mostra una vista 3D della scena del progetto corrente.

Trascina e rilascia un materiale dalle Risorse su un oggetto per cambiare il materiale del primo componente mesh. Trascina e rilascia una texture dalle Risorse su un oggetto per impostare il primo slot texture del primo materiale. Puoi anche trascinare le risorse direttamente negli slot delle proprietà dei componenti.

Scorciatoie

Scorciatoia	Descrizione
Click Sinistro	Seleziona solo oggetto sotto il cursore
Shift + Click Sinistro	Aggiungi oggetto sotto il cursore alla selezione
Shift + Ctrl/Cmd + Click Sinistro	Allinea trasformazione dell’oggetto selezionato all’oggetto sotto il cursore
F	Centra su oggetto selezionato
Shift + F	Centra gerarchia oggetto
B	Strumento di selezione a riquadro
G	“Afferra”, passa al gizmo di traslazione. Passerà allo spazio locale, se il gizmo di traslazione era già attivo.
R	“Ruota”, passa al gizmo di rotazione. Passerà allo spazio locale, se il gizmo di traslazione era già attivo.
S	“Scala”, passa al gizmo di scalatura
Alt + G	Reimposta traslazione
Alt + R	Reimposta rotazione
Alt + S	Reimposta scalatura
Numpad 5	Alterna vista ortografica
Ctrl	Mentre usi un gizmo, abilita l’ancoraggio mentre è premuto.
Del	Elimina oggetto selezionato
Ctrl/Cmd + C	Copia oggetto selezionato
Ctrl/Cmd + V	Incolla oggetto
Ctrl/Cmd + Shift + V	Incolla oggetto come figlio dell’oggetto selezionato
Ctrl/Cmd + D	Duplica oggetto selezionato
Numpad 7	Imposta vista dall’alto
Shift + Numpad 7	Imposta vista dal basso
Numpad 1	Imposta vista frontale
Shift + Numpad 1	Imposta vista posteriore
Numpad 3	Imposta vista da sinistra
Shift + Numpad 3	Imposta vista da destra
Shift + Alt + S	Simula fisica

Mentre si tiene premuto Shift + tasto destro del mouse, è abilitata la navigazione nel viewport:

Scorciatoia	Descrizione
W/A/S/D	Muovi Avanti/Sinistra/Indietro/Destra
Q/E	Muovi Su/Giù
Trascina Mouse	Guarda intorno

Mentre si tiene premuto il tasto centrale del mouse, si sta panando la telecamera:

Scorciatoia	Descrizione
Trascina Mouse	Pan telecamera

Browser delle Risorse

Mostra i file nella directory del progetto.

Clic destro su uno spazio vuoto per creare un nuovo componente JavaScript.

Per combinare le texture PBR, seleziona e usa Clic Destro > Strumenti > Combina texture PBR.

Clic destro in una cartella “shaders” per creare shader personalizzati e in una cartella “plugins” per i plugin.

Scorciatoie

Scorciatoia	Descrizione
F2	Rinomina

Console

Registra i messaggi degli eventi correnti nell’editor.

Disabilita “Info”, “Avvisi” o “Errori” per vedere più chiaramente altri messaggi.

Riepilogo Scena

Mostra la gerarchia degli oggetti nella scena.

Trascina e rilascia oggetti per cambiare la loro parentela.

Trascina e rilascia oggetti da qui negli slot delle risorse degli oggetti nelle proprietà dei componenti.

Scorciatoie

Scorciatoia	Descrizione
Del	Elimina oggetto selezionato
Ctrl/Cmd + C	Copia gerarchie oggetto
Ctrl/Cmd + Shift + C	Copia oggetti
Ctrl/Cmd + V	Incolla oggetti come fratelli
Ctrl/Cmd + Shift + V	Incolla oggetti come figli
Ctrl/Cmd + D	Duplica gerarchie oggetto
Ctrl/Cmd + Shift + D	Duplica oggetti
Ctrl/Cmd + E	Esporta oggetti

Proprietà

Mostra le proprietà degli oggetti selezionati.

Per qualsiasi componente, puoi cliccare i tre puntini e la documentazione si aprirà nel browser. Puoi anche aprire i file sorgente JavaScript dei componenti da qui.

Impostazioni Progetto

Impostazioni per l’intero progetto.

Interviene nelle impostazioni di rendering, percorsi da cui i file JavaScript verranno presi, opzioni di configurazione VR e AR, impostazioni di fisica e runtime.

Risorse

Mostra tabelle per tutte le risorse attualmente gestite nel progetto.

Contiene opzioni aggiuntive di ottimizzazione per alcune risorse, permette di rinominarle con un doppio clic sul nome della risorsa, alcune possono essere eliminate e duplicate con un clic destro sulla risorsa.

Puoi trascinare e rilasciare risorse nelle proprietà dei componenti da qui.

Puoi trascinare e rilasciare materiali e texture sugli oggetti nella Visualizzazione Scena da qui.

Dati del Progetto

Una visualizzazione di debug che mostra i file JSON interni per il progetto.

Profilo

Quando un runtime è attivo in un browser e riesce a connettersi via WebSocket a localhost:8080, invierà dati di profilazione ogni 30 frame. Questo funzionerà anche per i client Android connessi tramite adb con il port forwarding abilitato (ad esempio per Oculus Quest o smartphone).

I dati sono presentati in questa vista in un grafico.

Puoi cambiare il runtime connesso tramite il menu a tendina in alto.

Preferenze

Preferenze globali dell’editor memorizzate per computer.

Configura scorciatoie e scopri le scorciatoie disponibili
Attiva/disattiva “Ricaricamenti completi di pagina” per disabilitare il live-reload rapido
Gestisci opzioni del server (porta, certificati SSL)
Regola avvio e notifiche

Plugin

Gestisci plugin dell’editor e del progetto.

Apri tramite Visualizzazioni > Plugin. Usa la checkbox “Abilita plugin per questo progetto” per consentire l’esecuzione dei plugin per il progetto corrente. La vista ha due tab:

Ambito Editor: Plugin forniti con l’editor stesso o installati per esso. Questi generalmente aggiungono viste o strumenti disponibili indipendentemente dal progetto corrente.
Ambito Progetto: Plugin che fanno parte del tuo progetto (installati tramite devDependencies o posizionati nella cartella plugin/). Questi possono leggere e modificare i file del tuo progetto e partecipare nell’esportazione.

Attiva singoli plugin tramite la checkbox sulla destra. Alcuni plugin potrebbero richiedere il riavvio del progetto dopo l’attivazione.

Benchmark

Cattura performance su una scena di benchmark, anche su dispositivi esterni.

Apri tramite Visualizzazioni > Benchmark.
Scegli un file di benchmark e seleziona il dispositivo di destinazione (locale o un dispositivo esterno collegato), poi avvia il benchmark. Usa “Aggiorna dispositivi” se la lista dei tuoi dispositivi è cambiata.
I risultati sono riassunti nella vista al termine; utilizzali per confrontare le performance tra dispositivi o dopo modifiche al tuo progetto.

Consiglio: C’è anche un’opzione CLI per esecuzioni automatizzate; vedi la pagina Editor CLI per --benchmark nei CLI docs.

Localizzazione

Traduci stringhe nel tuo progetto in più lingue.

Apri tramite Visualizzazioni > Localizzazione.
Il tab “Stringhe” elenca i termini traducibili trovati nel tuo progetto; usa le checkboxes per includerli.
Il tab “Lingue” ti permette di aggiungere lingue e modificare traduzioni.
Al salvataggio del progetto, le traduzioni vengono esportate in JSON in <radice-progetto>/lingue/<Scena>/<codice-lingua>.json, che puoi processare con strumenti di traduzione standard del settore. Usa “Reimporta tutto” o “Reimporta non-default” per riportare i JSON modificati nel progetto.

Albero Risorse

Visualizza quali risorse fanno riferimento ad altre, e individua rapidamente risorse inutilizzate o inaspettatamente collegate.

Apri tramite Visualizzazioni > Albero Risorse.
“Solo selezione” limita la visualizzazione alla selezione corrente; “Inverti” cambia la direzione del grafico di riferimento.
Espandi i nodi per ispezionare le relazioni tra oggetti, mesh, materiali, pipeline, shader e altro ancora. Usa questo per rintracciare dove una risorsa viene utilizzata prima di rimuoverla o cambiarla.

Editor delle Animazioni

Modifica tracce di animazione e aggiungi keyframe “Evento Personalizzato”.

Apri tramite Visualizzazioni > Editor delle Animazioni.
Inserisci keyframe di Evento Personalizzato su una traccia per emettere eventi durante la riproduzione. Il tuo codice runtime può ascoltare questi eventi per attivare segnali di gioco come passi, effetti sonori o attacco/staccamento di oggetti.
Scorciatoie
Scorciatoia Descrizione
Space Aggiungi evento