Bem-vindo de volta meus colegas desenvolvedores de jogos para
um novo vídeo no qual aprendemos tudo sobre controles deslizantes.
Aprenderemos sobre o next mesh Pro e
também criaremos nossa própria fonte.
Quão emocionante é isso?
Então, não vamos perder mais tempo e vamos começar.
Oh, caso.
Então, é hora de adicionar um pouco mais de sabor à
forma como nossa saúde se deteriora pelos inimigos.
Então, vamos começar.
A primeira coisa que queremos fazer
é tornar a cena um pouco maior.
E vamos clicar duas vezes na
enorme tela da interface do usuário que temos.
Então podemos ver que temos o, o
que acontece aqui, a
imagem desvanecida que desligamos.
E vamos mover
as armas um pouco para a direita.
E podemos ver aqui que
essas imagens devem estar no 0, 0,
no y e no x.
Só para que as tenhamos no meio da interface do
usuário e vamos movê-las para baixo.
Isso é apenas um pouco de ajuste,
e lá vai você.
Então agora vou colocar
a arma para a direita porque à
esquerda vou adicionar
algo chamado controle deslizante.
Antes disso, vou criar um objeto de jogo aqui,
que representará a saúde.
Vamos apenas chamá-lo de saúde.
Lá vamos nós.
E sob a saúde, vou clicar com o botão direito do mouse, vá até
o seu e crie algo chamado controle deslizante.
Então, vamos adicionar o controle deslizante.
Então, como você pode ver, criamos um pequeno controle deslizante.
E o controle deslizante faz algumas coisas.
Ele se move da esquerda para a direita.
Tem um plano de fundo.
Se eu abri-lo, ele tem um plano de fundo,
ele tem uma área de preenchimento e tem o controle deslizante da alça.
Se eu clicar no controle deslizante aqui,
você pode ver que há um componente ou componentes do jogo
no controle deslizante.
E você pode ver que há algumas coisas.
A cor normal, a cor realçada,
todas essas coisas boas.
Mas o que mais queremos focar,
o valor mínimo, o valor máximo
e o valor aqui.
Você pode ver isso enquanto eu aumentá-lo
em movimentos da esquerda para a direita,
e isso é o que vamos usar para
representar a ajuda que temos.
Mas, obviamente, fazer com que o controle deslizante se mova
esquerda para a direita é muito feio.
Então você nunca quer ter
sua saúde representada dessa maneira.
Então, queremos ter algum tipo de bar para representar
a saúde, assim como temos nos
ganhos de aparência profissional.
Então, vou fazer antes de
tudo é excluir o controle deslizante do identificador.
Então agora não temos mais
esse pouco ou nenhum, o que é chamado de,
algum tipo de, de qualquer forma,
esse círculo que estava
se movendo e agora só vemos o bar.
A próxima coisa que eu quero fazer é
eu quero acessar o plano de fundo.
E o plano de fundo.
Vou clicar aqui.
Sabe o quê?
Antes de fazer isso,
vamos em frente e adicionar esses sprites, os
elementos da interface do usuário que vamos usar.
Então, nos sprites,
isso abre esta pasta
e vamos ver o que temos aqui.
Vamos clicar com o botão direito do mouse em criar uma nova pasta
para os elementos da IU.
Clique duas vezes aqui e vamos entrar nos recursos.
Como você pode ver, eu forneci algumas
barras e você pode usar a cor que quiser.
Você também tem os botões aqui que
usaremos mais tarde e a fonte.
Então, vou escolher a fonte, o
controle deslizante vermelho e o fundo do controle deslizante.
E vou arrastá-los para o elemento UI.
Certo, ótimo.
Agora vamos para o controle deslizante.
Vamos chamá-lo de controle deslizante de saúde.
E se clicarmos no plano de fundo,
você pode ver que podemos alterar a imagem de origem.
Então, a imagem de origem que eu quero ter esse controle deslizante.
Então, quando eu adicioná-lo aqui, lá vai você.
Você pode ver o controle deslizante agora mesmo
, se eu configurá-lo para tamanho nativo,
é meio enorme.
Talvez o façamos um pouco menor.
Mas o ponto é que agora temos esse controle deslizante de fundo.
E eu quero ter certeza de que quando clico
aqui e mantenho pressionado Alt,
ele preenche toda a imagem do controle deslizante,
não apenas em si mesma.
Então, temos o elemento de controle deslizante de saúde.
Se clicarmos nas ferramentas do rack,
você poderá ver as bordas dela.
E antes de termos isso,
você pode ver que as bordas são as bordas.
Lá vamos nós. Esses quatro pontos,
eram as bordas do controle deslizante de saúde,
mas o fundo era muito maior.
Então, quando clicamos,
mantenha pressionada a tecla Alt e clique no trecho,
preenchemos todo o controle deslizante.
Em seguida, temos a área Preenchimento.
Agora, atualmente, quando queremos preencher a área,
você verá que é uma linha branca muito feia.
Então, o que faremos é acessar o preenchimento.
E você pode ver que também podemos
mudar esse brilho e eu vou
usar o controle deslizante vermelho.
Então agora podemos clicar aqui e você verá
que é muito mais bonito, certo?
Não é tão rápido porque também queremos
ter certeza de que a área de preenchimento quando clicamos aqui,
mantenha pressionada a tecla Alt, faça com que ela se estenda
toda a área do campo.
E então a área de preenchimento também deve
se esticar e para todo o fundo.
Mas porque estamos trabalhando em segundo plano.
E queremos ver o plano de fundo.
Quero dizer, vamos torná-lo menor
e, portanto, ele se encaixa exatamente neste plano de fundo.
Isso parece bom o suficiente.
Então, vou movê-lo um pouco para cima.
E tudo bem, então lá vamos nós.
Podemos ver que podemos selecionar o controle deslizante de saúde e podemos
começar de 0 e aumentá-lo até que ele se torne um.
Agora, como vamos mudar a
saúde com base em nossa própria saúde?
Isso será um vídeo para mais tarde.
Mas, por enquanto, como você pode ver,
criamos tudo o que precisamos
para o controle deslizante de saúde.
Vou diminuir um pouco.
E talvez, na verdade, eu vou fazer
o controle deslizante um pouco maior.
Então, vamos aumentar o tamanho.
E como você pode ver,
porque tudo está ancorado nesses pontos,
eles crescem juntos sem problemas.
Vamos torná-lo um pouco mais grosso.
Obviamente, isso precisará de um pouco de mudança.
E vou mover o elemento de saúde para baixo,
depois diminuir o zoom, ver como isso parece.
Então lá vamos nós,
por aqui acho que é bom.
Ou talvez mova-o um pouco ou não,
vamos mantê-lo aqui embaixo.
Para, aqui em baixo é bom.
Vamos ampliar.
Talvez faça isso um pouco mais longo.
E a propósito, todas,
todas as coisas que estou fazendo dependem de mim.
Então, se você quiser criar algo diferente, por favor,
seja meu convidado.
Eu recomendo que você tente
criar seu próprio tipo de controle deslizante.
Vamos preenchê-lo apenas para que possamos
ter as dimensões certas.
E lá vamos nós,
à esquerda,
cima e para a esquerda.
Certo, então lá vamos nós.
Esta é a nossa saúde e parece muito legal,
eu acho Então, se eu maximizar o jogo e jogar o jogo,
vamos ver como isso parece.
Certo, então lá vamos nós. Temos a saúde,
temos o rifle.
Há mais uma coisa que está faltando e isto é,
queremos também representar a saúde usando texto.
Primeiro de tudo, isso é o nosso jogo de zumbis,
e acho que parece muito bom.
Em segundo lugar, será uma boa maneira de saber o quanto
estamos realmente mudando
e aprender mais algumas coisas.
Então, vamos em frente e adicione um texto aqui.
Mas desta vez, porque vamos adicionar nossa própria fonte,
vamos adicionar não apenas um texto,
mas adicionaremos um texto Mesh Pro.
Então, se eu clicar aqui,
você pode ver que precisará importar
alguns itens essenciais.
Basta clicar no primeiro e esperar que ele seja importado.
Se isso levar muito tempo,
vou reaparecer magicamente.
Certo, fiz isso.
Lá vamos nós. Então agora temos
algo chamado de texto Mesh Pro.
E vou chamar isso de texto de saúde.
Pressione Enter. E vamos movê-lo um pouco para a esquerda.
Então, aqui, vamos torná-lo ousado.
E você pode ver que atualmente a fonte usada nela
é o senso de libertação ou algo assim.
Mas queremos usar a fonte que
eu forneci nos recursos,
baixando-a do font.com.
Meu Deus, de qualquer forma,
como vamos converter isso em uma fonte?
Bem, se formos a algum lugar aqui no
texto do windows Mesh Pro,
você pode ver que temos a opção para o
ativo de fonte Creator.
Clicando aqui, ele solicitará o arquivo de fonte de origem.
Vamos arrastá-lo aqui.
E isso apenas lhe dirá para criar um bom Atlas.
Salvar.
E ele perguntará onde você quer salvá-lo?
Vamos salvá-lo dentro das fontes aqui.
Ou no elemento UI.
Salve isso.
Ótimo.
Então, agora, se entrarmos em elementos de interface do usuário,
você pode ver que temos o local aqui.
Tem um monte de propriedades que eu nem vou
tentar entrar.
Então, textos de saúde apenas arrastam a fonte para sua posição.
E lá vai você, podemos ver que temos
uma fonte diferente agora.
Agora, eu recomendo porque, como já disse várias vezes,
sou muito ruim em desenhar coisas.
E eu tenho um gosto muito ruim quando se trata
de cores e com ele se trata de texto
e tudo o que está relacionado
a fazer algo parecer bonito.
Então, eu recomendo que você
talvez tente encontrar um texto melhor do que este.
Mas, por enquanto, vamos tentar criar
o tipo de sistema de saúde e talvez torná-lo tamanho automático.
tamanho automático significa que ele crescerá e
diminuirá com o tamanho disso. Sim, lá vamos nós.
Então, vou torná-lo maior, torná-lo ousado.
E o legal de ter
texto Mesh pro é que podemos mudar
muitas coisas para que possamos adicionar iluminação,
podemos adicionar underlay,
podemos adicionar algum tipo de
brilho e você pode brincar com isso.
Também podemos adicionar um esboço.
Então, se eu adicionar um pouco de espessura,
você notará que temos o contorno,
podemos mudar o deslocamento,
o ladrilho, a velocidade
, muitas, muitas coisas incríveis.
E vou fazer um esboço branco
só para que possamos ver tudo com mais clareza.
Talvez.
Lá vamos nós, cento e cem.
Essa é a ajuda.
Podemos mudar muitas coisas que a
cor e assim por diante e assim por diante.
E enquanto estivermos aqui,
irei em frente e lhe darei um desafio.
Portanto, seu desafio é configurar sua própria interface do usuário.
Então faça uma pesquisa e encontre seus próprios elementos de
interface do usuário para usar no seu jogo.
Use esses elementos para configurar sua tela de interface do usuário para
o player e pense
outras coisas que você gostaria de exibir na tela.
Por exemplo, você pode querer ter nossas operações.
Você vai querer ter
temporizadores de contagem regressiva para a espingarda.
Você pode querer apenas a espingarda para a arma, o
arrojado ou o que quer que seja.
Não sei o que mais você pode querer.
O que você quiser, pense nisso, tentou adicioná-lo.
Você, mesmo que você não saiba como criar a coisa que
gostaria de colocá-la lá e depois anotá-la.
Talvez você encontre as pontuações à medida que avançamos.
Ou talvez sozinho,
você encontrará uma solução para isso.
E há um desafio extra.
Eu recomendarei que você vá em frente e converta
o nome das armas que exibimos sob a espingarda.
Mas eu tenho que avisá-lo de que será preciso um pouco de
ajustes antes que você possa realmente
conseguir mudar o nome das armas.
Então isso é pausar o vídeo agora
e vá para o desafio.
Certo, bem-vindo de volta.
Então esse vídeo já é um pouco longo demais,
então não vou seguir em frente
e mudar o nome dele agora.
Mais tarde, obviamente, vamos mudá-lo.
Vou seguir em frente e aplicar
todas as alterações que fizemos na tela da interface do usuário.
E agora, quando executamos o jogo,
e agora podemos ver
que podemos mudar para a pistola, correr por aí.
Temos a saúde, temos
a pistola e alguém fica preso em algum lugar.
Oh, então nós morremos no,
a luz exatamente
neste ponto estranho aqui no inimigo.
Então, há uma falha.
Obviamente, vamos cuidar disso mais tarde.
Então, espero que você goste.
Espero que você esteja cometendo suas mudanças.
E verei você no próximo vídeo,
onde realmente acessaremos
sprites da interface do usuário e atualizando-os. Então, vejo você.
Ei Michael aqui do futuro,
você pensou que tinha acabado comigo?
Não.
Você não estava.
Então, há algo aqui quando vim para
cometer minhas alterações,
e essa é a malha de pilhas ácidas.
E se eu entrar aqui,
Onde posso encontrar isso nos ativos,
você pode ver que criamos
esse arquivo de malha de texto e essa malha de texto.
Vamos ver as propriedades nele.
Posso ver o tamanho?
Não, não consigo ver o tamanho,
então acho que não precisamos
salvá-lo em nossos commits.
Então, o que podemos fazer apenas para economizar um pouco de espaço,
vou clicar com o botão direito do mouse aqui.
E vamos ignorar tudo
abaixo do texto de ativos Mesh PRO.
Certo, lá vamos nós. Não precisamos disso.
Prepare tudo e chame-o de elementos de interface do usuário adicionados
ao Canvas para representar a
saúde e criar minha própria loja.
Então eu vou cometer essas mudanças
e verei você na próxima.
Prometo que vou embora agora.