‫Bem-vindo de volta ao capítulo Pong e a este vídeo, vamos começar com o menu principal do nosso jogo
‫e, portanto, simplesmente precisamos criar um novo projeto.
‫Portanto, abra e pressione o novo botão e crie um novo projeto.
‫Vamos chamá-lo de clone Pong, e será um jogo de dois dias, então podemos escolher morrer
‫aqui como a organização.
‫Você pode deixar como está.
‫E então criamos o projeto que pode levar alguns segundos, mas assim que
‫estiver pronto, a unidade irá reiniciar com um novo projeto assim que o projeto for aberto.
‫Podemos ver, como sempre, uma cena sem título no início porque ainda não salvamos a cena e
‫temos a câmera principal.
‫No meu caso, tenho um layout, que é, como vocês podem ver com o inspetor do lado direito.
‫Então temos a hierarquia na parte inferior.
‫Temos o projetor e as torneiras do console.
‫E no meio eu tenho meu jogo e minha cena.
‫Na minha cena, só vejo a câmera.
‫Não tem nenhum fundo, como você pode ver na aba do jogo, que o jogo na verdade tem um fundo.
‫Então, vamos começar trocando nossa câmera principal.
‫Eu quero que o fundo seja branco, então clico na câmera principal aqui no lado direito do inspetor,
‫você pode ver que há um componente da câmera.
‫E dentro desse componente da câmera, há uma propriedade chamada background.
‫E aí podemos escolher mudar o fundo para branco, por exemplo.
‫Agora mudei para branco e você pode ver que nosso jogo mudou para branco.
‫E o que você também pode ver é que dentro da cena, você nada mudou.
‫E também o que é uma configuração importante que fizemos apenas escolhendo 2D como nossas configurações de jogo, é que
‫este botão 2D aqui no lado esquerdo, no topo, está ativado.
‫Você pode desativá-lo a qualquer momento apenas para ver como as coisas ficariam em 3D.
‫Isso é o que a câmera está aqui e ela olha para o final ali.
‫Ele tem um componente de transformação com a posição de Z menos dez.
‫Se eu escolher zero, você pode ver que muda um pouco o valor.
‫Portanto, nossa câmera se move em direção a essa área.
‫Tudo bem.
‫Então, vamos voltar a D, porque é isso que vamos usar.
‫E vamos criar uma cotação em nossa câmera principal.
‫Assim.
‫Direito.
‫Clique na câmera principal no lado direito e crie um objeto 3D chamado quod.
‫Com isso, você cria um quadrado por agora e vamos redimensioná-lo.
‫Portanto, quero aumentar para mil e seiscentos para meu valor X e novecentos para meu valor Y, porque
‫isso é seis a nove.
‫Acho que é uma boa escala, o que é ótimo para nós.
‫É uma escala de sessenta a nove, usada pela maioria dos monitores.
‫E então eu renomeio o quad e o chamo de background.
‫Se afastarmos o zoom, podemos ver que nossa câmera é bem pequena em comparação com o nosso quad.
‫Então, o que precisamos fazer é dimensionar nossa câmera quando o componente da câmera, você pode ver
‫que há um tamanho de cinco e podemos dimensioná-lo para 450 soldados e 450.
‫E isso é praticamente o tamanho total que nosso fundo também assume.
‫Agora, o fundo é branco e esse é o fundo da nossa cor, da nossa câmera.
‫Mas nosso fundo em si ainda não tem cor.
‫Como você pode ver aqui, há um componente chamado material padrão, que está vazio.
‫É uma ótima saída e tem um ótimo material padrão.
‫Portanto, não há padrão.
‫Portanto, não há material algum.
‫E se você quiser mudar isso, podemos simplesmente criar um novo material.
‫E vou chamá-lo de preto.
‫E agora no inspetor depois de eu ter escolhido o material preto aqui, vocês podem ver do lado direito,
‫o inspetor diz que o albedo do mapa principal é falado para o Branco.
‫Se eu mudar para preto, ele fica com a cor preta.
‫E se eu ativar as emissões, posso torná-lo super preto.
‫Se você não ativar as emissões neste caso com um preto, não fará muita diferença.
‫Mas em outras cores pode fazer diferença.
‫Então você pode ver aqui com a emissão, você pode mudar um pouco a cor preta.
‫Mesmo assim, vou escolher o preto aqui e agora posso arrastar esse preto para o fundo.
‫Como você pode ver agora, meu fundo é preto.
‫Mas isso está apenas na cena.
‫Por que não está no jogo e no jogo, ainda é branco e isso tem a ver com o valor de nossa
‫câmera principal em comparação com nosso fundo.
‫Para mudar isso, precisamos mudar o valor do nosso fundo assim que for maior
‫que, digamos, dois, por exemplo, já é preto.
‫Então, vamos colocá-lo no mesmo lugar que nossa câmera principal por enquanto.
‫Então, vamos colocar em 10 agora.
‫Veja, nós temos esse fundo preto e podemos mudar o fundo a qualquer momento se mudarmos o material.
‫Portanto, se adicionarmos outro material ao nosso plano de fundo ou se você movê-lo para que possa ver aqui agora,
‫o material foi escolhido e está completamente preto, pois esta cena será o nosso menu principal.
‫Também devemos salvá-lo assim.
‫Então, vamos prosseguir e salvar são vistas como cenas seguras e chamamos de menu principal.
‫Vamos salvar.
‫Agora, você vê no canto inferior esquerdo, nós já temos nossa cena preparada e ela está segura aqui.
‫Você pode considerar cenas como, por exemplo, o teatro.
‫Portanto, uma cena é, por exemplo, uma cena de ação em que várias pessoas lutam entre si.
‫E na próxima cena, você tem uma cena bem chill out onde as pessoas estão apenas conversando e
‫aquelas cenas diferentes você também pode ver na unidade, por exemplo, uma cena é o menu principal.
‫Bem, você pode apenas relaxar e escolher e então você tem a cena do jogo onde você realmente joga o jogo.
‫E então você poderia ter um jogo supervisionado onde você, por exemplo, apenas ver sua pontuação ou você poderia ver quem
‫ganhou esse tipo de coisa.
‫E é assim que vamos usar as cenas em geral.
‫Então, por exemplo, vários níveis diferentes em um videogame podem ser cenas diferentes.
‫Portanto, cada nível pode ser uma cena diferente, dependendo de como você configura as coisas.
‫Tudo bem.
‫Então, agora vamos adicionar alguns elementos de IU ao nosso jogo.
‫O que eu quero, gostaria de adicionar é um texto, por exemplo, com o nome ou o título do jogo.
‫Então, adiciono o texto e, como você pode ver aqui, ele criou automaticamente uma tela e um sistema de eventos dentro
‫da tela.
‫Isso é o que você pode ver aqui.
‫No lado esquerdo, temos uma camada adicional.
‫Portanto, é uma camada superior ao nosso jogo em geral.
‫Isso significa que nossa tela não tem nada a ver com os objetos do jogo dentro do jogo.
‫Ele realmente cuida apenas dos elementos da interface do usuário, como texto, botões ou imagens.
‫Portanto, isso é o que todos vocês podem manipular na tela, já que uma tela não é o nome perfeito para o que
‫eu quero ter.
‫Vou mudar isso para ser o menu principal porque é isso que é.
‫Portanto, o texto que você pode ver aqui no canto inferior esquerdo é mutex.
‫Agora está ótimo ou está ótimo e podemos mudá-lo facilmente mudando a cor do
‫nosso texto para branco.
‫Portanto, agora temos o novo texto no lado esquerdo sendo branco.
‫Agora, você deve estar se perguntando por que a tela é tão pequena em comparação com o jogo inteiro, porque eu fiz o
‫jogo bem grande.
‫Esse é um dos motivos pelos quais geralmente você tem o jogo em uma área muito pequena e a tela
‫é colocada como uma camada grande, grande e diferente em uma escala completamente diferente.
‫Mas, no meu caso, gostaria que tivesse exatamente o mesmo tamanho do meu plano de fundo e da minha câmera principal.
‫Tenho os meios necessários para alterar os valores do meu menu principal.
‫Então, clico no menu principal, vou para o componente canvas, mudo para a câmera do espaço da tela e
‫arrasto minha câmera principal.
‫E agora eu mudo a escala da tela kaylor para dimensionar com a tela.
‫Então, se eu quiser compartilhar com o tamanho da tela que tomo aqui, a resolução de desreferência
‫de mil e seiscentos vezes 900 e o modo de correspondência de tela devem ser gastos dessa forma, nosso modo de tela sempre se expandirá com base
‫no tamanho da tela e como o mudanças de tela.
‫Agora vamos encontrar o texto.
‫Se olharmos para o texto, é muito pequeno.
‫Não podemos ver e tem uma posição diferente, menor escala um pouco para cima para a largura eu tiro quinhentos
‫para a altura eu tiro duzentos e como o tamanho da fonte eu gostaria de pegar 150.
‫Agora temos o problema de não ver o texto.
‫Por que é que.
‫Isso se deve à distância plana de nossa tela.
‫Portanto, se mudarmos para um, podemos ver nosso texto aqui.
‫Vamos mudar o nome do texto porque não é o texto que desejo ter aqui.
‫Eu queria ser o título porque não é apenas um texto, é realmente o título e o texto
‫do título deve ser marcado.
‫Agora, a posição não é muito boa.
‫Eu gostaria que fosse centralizado.
‫Então, eu uso o valor da posição X de zero e você pode alterar o valor da posição Y para zero, por exemplo,
‫também.
‫E então você tem o pongo bem no centro.
‫Se quiser movê-lo para cima agora, você pode fazer isso aqui no lado esquerdo, escolhendo a ferramenta certa para
‫ele e, em seguida, apenas arrastá-lo para cima.
‫Agora você pode ver que ele está avançando para o topo e acho que um ótimo valor seria 300.
‫Portanto, agora temos Pong no centro, na parte superior, com espaço suficiente na parte superior.
‫E abaixo disso, eu gostaria de ter o botão play.
‫E para adicionar o botão play, precisamos fazer algo muito semelhante ao que fizemos com o título.
‫Vamos ao nosso menu principal e clicamos com o botão direito.
‫UI, e então escolhemos Botão, eles podem ver nosso botão, ele já está lá, está automaticamente lá.
‫E eu gostaria de alterar o tamanho do botão para duzentos como sua largura e 100 como sua altura.
‫Agora temos nosso botão e não acho que seja uma ótima interface.
‫Eu gostaria de alterá-lo da seguinte maneira.
‫Eu mudo a cor da imagem.
‫Eu mudo para preto, por exemplo, e agora quase não vemos o texto.
‫É muito, muito pequeno porque está dentro desta propriedade aqui e tem uma cor cinza escuro muito boa que você pode ver
‫aqui à esquerda.
‫E eu mudo para branco.
‫Agora, é claro, também precisamos alterar o tamanho da fonte, por exemplo, para 120.
‫E se você fizer isso, você verá que de repente ele desaparece, então você não pode mais vê-lo.
‫Isso porque nosso botão tinha apenas o tamanho 100.
‫Se eu for, por exemplo, uma e meia e mudar o estouro vertical para, por exemplo, estouro, você pode ver
‫que é como o nosso botão está agora.
‫Então é muito grande.
‫E isso é algo que você sempre precisa testar.
‫Às vezes, você usa um tamanho de fonte que não se ajusta ao tamanho do objeto do jogo em si.
‫Portanto, neste caso, o objeto do jogo tem apenas uma altura de cento e trinta, mas Button precisa de muito mais
‫espaço.
‫Por exemplo, se você aumentar agora para 300, verá que o botão ainda está transbordando.
‫Se mudarmos para 400, esse é um tamanho adequado para o nosso botão.
‫E agora podemos arrastar nosso botão para, por exemplo, menos duzentos.
‫Acho que deve ser um bom valor.
‫E o que eu não gosto é que Pong não é centralizado, então o texto não é centralizado, mesmo sendo
‫um proprietário próprio.
‫Portanto, é o título do objeto do jogo, seu elemento de interface do usuário é centralizado e podemos mudar isso alterando o alinhamento.
‫Portanto, se alterarmos o alinhamento para ficar centralizado, o texto também será centralizado.
‫Agora está tudo bem em termos de tamanho e tamanho da fonte e a cor e assim por diante.
‫Em primeiro lugar, precisamos, é claro, do texto simples aqui.
‫E a seguir, o que precisamos é de uma fonte melhor porque Israel é bom, mas é tão, tão padrão.
‫Não é realmente um tipo de fonte de jogo.
‫Então, o que podemos fazer é pesquisar fontes legais para jogos no Google.
‫E uma que eu gosto é a fonte Monroe, fonte Monroe.
‫E se eu pesquisar por isso, você pode encontrar às dez às dez por vinte pontocom.
‫Então, vamos abri-lo e você verá que é grátis e pode usá-lo livremente para seus jogos.
‫Então você pode ver como fica em diferentes fontes e diferentes tamanhos e assim por diante.
‫Vou baixar essa fonte agora e descompactá-la, e então você encontrará esses três arquivos.
‫Assim, o Monroe Monroe estreito e o Monroe pequeno, você pode arrastá-los todos e se quiser.
‫Mas vou usar o Monroe 224, então arrasto para lá.
‫E agora o que posso fazer é alterar a fonte do meu.
‫Veio facilmente arrastando a fonte Monroe para lá, e você pode ver que parece muito melhor.
‫Eu faço a mesma coisa com o título, então vamos arrastá-lo para lá.
‫E eles estão se arrastando por um lado.
‫Uma maneira de fazer isso.
‫Outra maneira de fazer isso é simplesmente pressionar este pequeno círculo aqui no lado direito e então você pode ver
‫todos os ativos que estão disponíveis.
‫E posso, por exemplo, escolher Monroe aqui.
‫E aí estamos nós.
‫Então agora temos nossa primeira parte do nosso jogo, que é o nosso menu principal.
‫No próximo vídeo, vamos adicionar uma funcionalidade de botão de reprodução.
‫Até agora temos a interface para iniciar o jogo e maximizar o jogo.
‫É assim que ficamos para que possamos jogar e jogar e é um botão, mas não podemos
‫pressioná-lo e se você quiser pressioná-lo, precisamos criar um script.
‫Portanto, precisamos fazer alguma codificação.
‫E é isso que faremos no próximo vídeo.
‫Então salve a cena, certifique-se de sempre salvar suas cenas, caso contrário, as alterações que você fez
‫não estarão disponíveis e então vá para o próximo vídeo.
‫Tudo bem.
‫Vejo você lá.