‫Bem vindo de volta.
‫E neste vídeo, daremos uma olhada nos elementos da interface do usuário e, em particular, daremos uma olhada
‫no texto.
‫Então, criei um novo projeto.
‫Eu chamo de Pong Basics.
‫E aqui eu quero criar um elemento de interface do usuário.
‫Então, na hierarquia de vocês, eu clico com o botão direito do mouse e vou para a IU.
‫Eu tenho várias opções aqui.
‫Tenho imagem de texto, botão de imagem bruta e assim por diante.
‫Por enquanto, vou apenas usar texto.
‫E como você pode ver, o novo texto aparece em nossa tela aqui no canto inferior esquerdo.
‫Portanto, se afastarmos o zoom para a posição correta, veremos que é onde está o nosso texto atualmente.
‫Está no canto inferior esquerdo.
‫Portanto, este é o modo de renderização que temos para nossa tela, que é sobreposição de espaço verde.
‫Então, o que isso faz, ele irá sobrepor tudo o que atribuirmos à camada da IU ou ao espaço da IU aqui no topo do nosso
‫modo de jogo.
‫É a nossa própria visão do jogo.
‫Então agora, não importa o que tenhamos lá como nossos objetos de jogo, ou digamos que adicionemos um cubo 3D e a
‫posição, ele tinha zero zero zero.
‫É aqui que está.
‫E como você pode ver, está em algum lugar por aqui.
‫Portanto, o modo de jogo em si é muito pequeno em comparação com esta tela enorme.
‫Essa é apenas uma camada enorme, que é nossa camada de IU, nossa tela, que é colocada em cima dela.
‫Então é isso que a sobreposição do espaço da tela faz.
‫Existem outras opções para, por exemplo, câmera do espaço da tela.
‫O que isso vai fazer é dar uma câmera aqui, rodar a câmera e ela terá uma abordagem
‫diferente.
‫Portanto, agora é baseado em onde a câmera está atualmente e você tem uma certa tela entre a câmera e o modo
‫de reprodução.
‫E é quase como uma camada por cima, mas ainda é uma abordagem um pouco diferente.
‫Então você tem o WorldSpace onde pode atribuir uma altura e uma altura específicas para a sua tela e pode fazer algumas alterações
‫de camada adicionais e assim por diante.
‫Usaremos os diferentes modos de renderização ao longo do curso.
‫Então, nas palavras lá, você verá isso em detalhes nos próximos vídeos ou nos próximos capítulos.
‫Eu só queria mostrar rapidamente os diferentes modos.
‫Agora, dentro da tela temos o texto e ao mesmo tempo criamos um sistema de eventos.
‫Portanto, sempre que criamos uma IU e não tínhamos um elemento de IU antes, nossa tela e sistema de
‫eventos são criados para nós diretamente, automaticamente.
‫E eu criei o texto.
‫Como você pode ver, é um filho de nossa tela, portanto, está dentro de nossa pasta de telas.
‫E agora podemos ir em frente e mudar o texto, por exemplo.
‫Então, aqui temos um novo texto.
‫Vamos mudar isso para um zero normal.
‫E como você pode ver, mal podemos ver esse zero.
‫Então, vamos alterar o tamanho da fonte para, digamos, 50.
‫E agora você pode dizer, oh, -, para onde foi?
‫Eu não consigo mais ver isso.
‫Isso tem a ver com o fato de que a altura e a largura não combinam mais com o tamanho da fonte.
‫Então, nosso texto.
‫O próprio elemento, ou elemento de interface de usuário de texto, tem uma altura de apenas 30, portanto, somente se eu aumentar
‫para quatro, por exemplo, 60, poderei ver meu número novamente no meu texto.
‫Agora, vamos voltar a 30 e dizer que ainda quero mantê-lo em 30, mas ainda quero ver meu zero, então como
‫posso resolver isso?
‫Caso contrário, o que você pode fazer é usar o estouro.
‫Portanto, o estouro horizontal e o estouro vertical farão com que, como você pode ver, seu número ainda apareça.
‫Agora, porém, está cortado.
‫Então, como faço para mover meu zero enquanto você pode movê-lo daqui?
‫Então, vamos diminuir o zoom para o ponto onde podemos realmente ver algo para que você possa movê-lo aqui.
‫Como você pode ver com nosso editor de transformação aqui ou com nossas ferramentas de transformação.
‫Agora, você pode arrastá-lo e ver onde está.
‫Outra maneira de mudar a posição de algo é, claro, mudar, transformar aqui diretamente para que
‫possa adicionar valores aqui.
‫Portanto, você poderia dizer que zero zero é a posição certa para você.
‫Agora, o zero não está no centro.
‫Por que é que?
‫Bem, isso é porque o alinhamento do nosso texto aqui não é centralizado.
‫Assim, você pode alinhá-lo centralmente em ambas as direções e então ficará perfeitamente centrado e você ainda pode
‫mudar isso mudando a âncora.
‫Então, aqui, por exemplo, agora é uma predefinição de âncora para o centro.
‫Você pode ancorá-lo no canto superior esquerdo.
‫Portanto, agora vamos ancorar no canto superior esquerdo.
‫Como você pode ver, nada mudou, exceto a postagem Y e o X, portanto, esses dois valores agora mudaram.
‫Portanto, se trouxermos esses valores de volta para zero e zero, você pode ver que nosso zero volta ou vai perfeitamente
‫para a borda de nosso canto superior esquerdo.
‫Agora, é claro, gostaríamos de movê-lo um pouco para que ainda vejamos o zero, então vamos movê-lo para
‫o nosso jogo agora, o preto pode não ser a cor certa para você.
‫Se você quiser mudar isso, você pode ir para a propriedade de cor aqui e mudar a cor para, por exemplo,
‫vermelho ou branco ou verde ou o que você quiser.
‫Tudo bem.
‫Então vamos pegar esse rosa, porque ele se encaixa no azul.
‫Podemos ver muito bem.
‫E então o que você pode fazer é, é claro, alterar o espaçamento entre linhas.
‫Então, digamos que você tenha uma segunda linha aqui.
‫Em seguida, você pode alterar o espaçamento de linha, então digamos que você deseja ter uma distância maior entre as linhas, então esse
‫é o espaçamento de linha.
‫Um está totalmente bem.
‫E, finalmente, é claro, você pode alterar a fonte a qualquer momento.
‫Portanto, o padrão é Israel e não há outras fontes.
‫Por padrão, você pode baixar fontes da loja de ativos ou importá-las de onde quer que tenha feito
‫o download.
‫Por exemplo, você faz o download deles para sua máquina e pode importá-los de lá.
‫Mas tome cuidado para não baixar fontes que não sejam suas, porque algumas fontes custam dinheiro.
‫A maioria deles não.
‫Portanto, procure fontes gratuitas ou fontes livres de royalties e use-as.
‫Tudo bem.
‫Então isso é sobre a fonte e o texto.
‫E agora vamos dar uma olhada em como podemos alterar esse número programaticamente no próximo vídeo.