‫Ben tornato.
‫E in questo video, daremo un'occhiata agli elementi dell'interfaccia utente e in particolare al
‫testo.
‫Così ho creato un nuovo progetto.
‫Lo chiamo Pong Basics.
‫E qui voglio creare un elemento dell'interfaccia utente.
‫Quindi nella tua gerarchia, mi assicuro di fare clic con il tasto destro e poi vado all'interfaccia utente.
‫Ho più opzioni qui.
‫Ho un'immagine di testo, un pulsante per l'immagine non elaborata e così via.
‫Per ora userò solo il testo.
‫E come puoi vedere, il nuovo testo appare sul nostro schermo qui in basso a sinistra.
‫Quindi, se rimpiccioliamo nella giusta posizione, vedremo che questo è dove si trova attualmente il nostro testo.
‫È in basso a sinistra.
‫Quindi questa è la modalità di rendering che abbiamo per la nostra tela, che è una sovrapposizione di spazi verdi.
‫Quindi, ciò che fa, si sovrapporrà a tutto ciò che assegniamo al livello dell'interfaccia utente o allo spazio dell'interfaccia utente qui sopra alla nostra
‫modalità di gioco.
‫È la nostra stessa visione del gioco.
‫Quindi ora, non importa cosa abbiamo lì dentro come oggetti di gioco, o diciamo che aggiungiamo un cubo 3D e
‫una posizione, aveva zero zero zero.
‫Questo è dove si trova.
‫E come puoi vedere, è da qualche parte qui intorno.
‫Quindi la modalità di gioco stessa è molto piccola rispetto a questo enorme schermo.
‫Questo è solo un enorme livello, che è il nostro livello dell'interfaccia utente, la nostra tela, che viene messo sopra di esso.
‫Quindi questo è ciò che fa l'overlay dello spazio dello schermo.
‫Ci sono altre opzioni, ad esempio, per la fotocamera dello spazio dello schermo.
‫Quello che farà è che devi dargli una fotocamera qui, eseguire la fotocamera e avrà un approccio
‫diverso.
‫Quindi ora si basa su dove si trova attualmente la telecamera e hai una certa tela tra la telecamera e la modalità
‫di riproduzione.
‫Ed è quasi come uno strato sopra, ma è ancora un approccio leggermente diverso.
‫Quindi hai WorldSpace dove puoi assegnare uno specifico con e altezza per la tua tela e puoi fare qualche cambio
‫di livello aggiuntivo e così via.
‫Utilizzeremo le diverse modalità di rendering durante il corso.
‫Quindi nelle parole lì, le vedrai in dettaglio nei prossimi video o nei prossimi capitoli.
‫Volevo solo mostrarti rapidamente le diverse modalità.
‫Ora, all'interno della tela abbiamo il testo e allo stesso tempo abbiamo anche creato un sistema di eventi.
‫Quindi, ogni volta che creiamo un'interfaccia utente e non avevamo un elemento dell'interfaccia utente prima, il nostro canvas e il nostro sistema
‫di eventi vengono creati direttamente per noi, automaticamente.
‫E ho creato il testo.
‫Come puoi vedere, è un figlio della nostra tela, quindi è all'interno della nostra cartella tela.
‫E ora possiamo andare avanti e cambiare il testo, per esempio.
‫Quindi qui avevamo un nuovo testo.
‫Sostituiamolo con un semplice zero.
‫E come puoi vedere, riusciamo a malapena a vedere quello zero.
‫Quindi cambiamo la dimensione del carattere in, diciamo 50.
‫E ora potresti dire, oh, --, dov'è finito?
‫Non lo vedo più.
‫Ciò ha a che fare con il fatto che l'altezza e la larghezza non si adattano più alla dimensione del carattere.
‫Quindi il nostro testo.
‫L'elemento stesso o l'elemento dell'interfaccia utente di testo ha un'altezza di soli 30, quindi solo se lo aumento a quattro, ad esempio
‫60, sarò in grado di vedere di nuovo il mio numero sul testo.
‫Ora torniamo a 30 e diciamo che voglio ancora tenerlo a 30, ma voglio ancora vedere il mio zero, quindi
‫come posso risolverlo?
‫Altrimenti, quello che puoi fare è usare l'overflow.
‫Quindi l'overflow orizzontale e l'overflow verticale faranno in modo che, come puoi vedere, il tuo numero apparirà ancora.
‫Adesso, però, è tagliato.
‫Quindi come faccio a spostare il mio zero mentre tu puoi spostarlo da qui?
‫Quindi rimpiccioliamo fino al punto in cui possiamo effettivamente vedere qualcosa in modo da poterlo spostare qui.
‫Come puoi vedere con il nostro editor di trasformazione qui o con i nostri strumenti di trasformazione.
‫Ora puoi trascinarlo in giro e puoi vedere dove si trova.
‫Un altro modo per cambiare la posizione di qualcosa è, ovviamente, cambiare, trasformare qui direttamente in modo
‫da poter aggiungere valori qui.
‫Quindi potresti dire che zero zero è la posizione giusta per te.
‫Ora, lo zero non è al centro.
‫Perché?
‫Bene, questo perché l'allineamento del nostro testo qui non è centrato.
‫Quindi puoi allinearlo centralmente in entrambe le direzioni e quindi sarà perfettamente centrato e puoi
‫ancora cambiarlo cambiando l'ancora.
‫Quindi qui, ad esempio, ora è un'ancora preimpostata al centro.
‫Potresti ancorarlo in alto a sinistra.
‫Quindi ora ancoriamoci in alto a sinistra.
‫Come vedi, non è cambiato nulla tranne il post Y e la X, quindi quei due valori ora sono cambiati.
‫Quindi, se riportiamo quelli a zero e zero, puoi vedere che il nostro zero torna indietro o va perfettamente al bordo
‫del nostro angolo in alto a sinistra.
‫Ora, ovviamente, vorremmo spostarlo un po' in modo da vedere ancora lo zero, quindi spostiamolo nel
‫nostro gioco ora, il nero potrebbe non essere il colore giusto per te.
‫Se vuoi cambiarlo, puoi andare alla proprietà color qui e cambiare il colore in, ad esempio, rosso o
‫bianco o verde o qualunque cosa tu voglia.
‫Tutto bene.
‫Quindi prendiamo questo rosa, perché si adatta al blu.
‫Lo vediamo molto bene.
‫E poi quello che puoi fare è, ovviamente, cambiare l'interlinea.
‫Quindi diciamo che hai una seconda linea qui.
‫Quindi puoi cambiare l'interlinea, quindi diciamo che vuoi avere una distanza maggiore tra le linee, quindi
‫questa è l'interlinea.
‫Uno va benissimo.
‫E infine, ovviamente, puoi cambiare il carattere in qualsiasi momento.
‫Quindi lo standard è Israele e non ci sono altri caratteri.
‫Per impostazione predefinita, puoi scaricare i caratteri dall'archivio delle risorse oppure puoi importarli da dove li
‫hai scaricati.
‫Ad esempio, li scarichi sulla tua macchina e poi puoi importarli da lì.
‫Ma fai attenzione a non scaricare caratteri che non possiedi perché alcuni caratteri in realtà costano denaro.
‫La maggior parte di loro no.
‫Quindi cerca solo font gratuiti o royalty free e poi usa quelli.
‫Tutto bene.
‫Quindi si tratta del carattere e del testo.
‫E ora diamo un'occhiata a come possiamo cambiare quel numero a livello di codice nel prossimo video.