Bem-vindo de volta meus colegas desenvolvedores de jogos
em um novo vídeo.
E este, você notará que temos
o desvanecimento dentro e para fora.
E para que serve isso?
Bem, se olharmos aqui,
temos uma enorme caixa preta.
E você pode ver isso agora.
Não vemos nada no jogo.
Por que isso?
O que aconteceu?
Que deixaríamos o jogo?
Por que é tão pequeno agora?
Por que estamos ampliados?
Tantas perguntas, tão poucas respostas.
Se eu executar o jogo,
você notará que começamos o nível
desaparecendo da imagem preta.
E se andarmos por aí,
você pode ver que assim que entrarmos no portal,
não apenas diminuímos a velocidade,
mas desaparecemos,
e depois desaparecemos de volta quando vamos para o próximo nível.
Então, não vamos perder
mais tempo e vamos falhar.
Oh, tudo bem.
Então, agora estamos
transição correta de um nível para o outro.
Temos o efeito de escala
que diminuímos tudo.
A próxima coisa que queremos fazer é que queremos
ter algum tipo de efeito de desvanecimento.
Então, o que queremos é que B1,
a imagem ou o jogo inteiro desapareça para preto.
E então, quando entramos em um novo nível,
queremos desaparecer.
Então, vamos em frente, faça isso.
A primeira coisa que precisamos fazer,
ou como a saída desvanecida funciona?
Teremos uma grande imagem preta aqui que vai desaparecer
e depois desaparecer à medida que passamos de nível para o próximo.
Então, é tudo sobre uma imagem preta
e usamos o alfa nela.
Então, vamos fazer isso.
Como vamos adicionar uma imagem no Unity?
Bem, precisamos de algo chamado tela.
Então, vou criar uma tela.
Vou clicar com o botão direito do mouse na hierarquia,
ir ao seu olho e encontrar o campus.
Lá vai você. Agora temos um campus.
Se eu clicar duas vezes nele,
lá vai você, você pode ver que é uma tela enorme
e grande e você pode estar se perguntando,
por que a tela é tão grande enquanto nosso jogo é tão pequeno?
Bem, é assim que o Unity
lida com o uso do Canvas e adicionando imagens.
É melhor brincar com as imagens aqui.
Em vez de brincar nas imagens,
escreva e tenha tudo na frente
do jogador e dos objetos no jogo.
Portanto, essa é uma maneira muito melhor ou
a maneira que a unidade usa para lidar com as coisas.
Você também pode ver que temos
algo chamado sistema de eventos.
E isso nos permite, por exemplo,
digamos que tenhamos algum tipo de botão na tela.
Queremos clicar nele para que possamos
adicionar sistema de eventos sob o Canvas,
torná-lo um filho e mantê-lo lá por enquanto.
E esse sistema de eventos nos permite realmente apertar
botões na tela e nos permitir
interagir com a tela.
Veremos como isso funciona em um pouco.
Mas, por enquanto, queremos entrar
no scaler de tela aqui.
Você pode ver que podemos dimensionar com o tamanho da tela.
E queremos mudar isso de 100 para 1920 até
então oito,
que é o tamanho da tela que
estamos usando ou criando o jogo.
Pressione Enter.
Lá vai você. Agora tudo está feito.
Você pode ver que temos o rodízio de raios e um elemento
para a tela que não é tão importante.
Não vamos mudar nada demais aqui.
Só queremos ter certeza de que o escalador de tela seja
tamanho de tela de escala e queremos fazê-lo 1920 por 1080.
Certo, ótimo.
Agora, com isso feito,
próximo passo é adicionar uma imagem.
Então, vou clicar com o botão direito do mouse aqui,
ir até você e encontrar uma imagem.
Então agora você pode ver que temos
uma imagem no meio da
tela enorme e eu vou, é a
imagem desvanecida.
Mas mesmo que o tenhamos na tela,
você pode ver aqui no jogo que
temos como um pequeno bloco.
E se eu movê-lo para o lado superior,
você notará que está no lado superior do jogo,
e no meio, está no
meio onde o jogador reside.
E no canto inferior esquerdo você pode vê-lo.
Portanto, não é mesmo que a imagem
aqui no topo do jogo seja enorme.
Mas você pode ver isso na tela,
é muito pequeno e diminui.
Então, é assim que representamos as coisas no Unity na tela da interface do usuário.
Agora, o que vamos fazer?
Queremos fazer essa imagem preencher toda a tela,
torná-la completamente preta.
E então vamos usar a
transparência para desaparecer e desaparecer.
Primeiro de tudo, como fazemos isso tão grande quanto a tela?
Bem, há uma opção aqui.
Você pode ver que é a ferramenta rect.
Quando você clica nele, você pode arrastar
e tornar essa imagem cada vez maior e menor.
E você notará aqui que temos
muitas coisas que é
a Rect Transform para
lidar e mudar a aparência da imagem.
Também podemos segurar Alt
e escolher um dos cantos, ou exército.
Escolha um dos coordenadores e mantenha pressionada a tecla Alt.
E você pode ver que podemos expandi-lo
e todas as formas.
Mas há uma solução ainda melhor para isso.
E isso se clicarmos aqui,
você pode ver que temos algumas
opções e essas são chamadas de âncora.
Então, por exemplo, se eu clicar nessa âncora,
a imagem diminuirá grande e pequena com
escala para cima e para baixo com base neste ponto aqui,
também podemos clicar neste onde ela será dimensionada
com base em toda a tela.
Você verá o que quero dizer
escalonamento quando precisamos dimensionar.
Mas o que acontece se mantivermos Alt pressionado?
Você pode ver que podemos expandir a imagem dessa maneira.
Podemos expandi-lo no meio,
podemos expandi-lo para a esquerda
e podemos expandi-lo
que ele preencha todo o quadrado.
A tela inteira imediatamente.
E você pode ver que agora a imagem bloqueou
totalmente o jogo.
E se eu for para a tela e a imagem desvanecida,
posso mudar a cor aqui na imagem,
e vamos torná-la completamente preta.
Agora, como vamos mudar a transparência?
Primeiro de tudo, podemos fazer isso
aqui para que possamos alterar o alfa na imagem.
Mas é meio difícil acessar o alfa
na imagem porque precisamos acessar todas as cores vermelha,
verde e azul.
De outra forma de fazer isso é adicionando
algo chamado grupo do campus.
Então, se eu entrar aqui e adicionar um grupo de telas,
você pode ver que eu tenho a opção de ter Alpha.
E se eu mover esse alfa para baixo
de 0 para um ou de um para 0,
você pode ver em 0 que é completamente transparente.
Em um, não é.
E eu posso bloquear o re-cast.
Isso significa que re-cast
significa que sempre que eu quiser clicar em algo,
isso pode ajudar a bloquear o re-cast e
o interativo é essa imagem interativa?
Digamos que não seja. E lá vai você.
Então, agora nosso objetivo é criar uma animação.
Usando essa animação, vamos controlar
o grupo de telas alfa aqui.
E então vamos desaparecer e
desaparecer toda vez e nosso ganho.
Então, com isso explicado,
vou lhe emitir um desafio.
E seu desafio é desaparecer a imagem para dentro e para fora.
Então, vou dar-lhe
um processo passo a passo de como fazer isso.
Primeiro de tudo, você precisará criar
uma animação para o desvanecimento
e desvanecimento e ficará preto
para transparente e desaparecendo,
o que será transparente para preto.
Você precisa criar uma transição entre a transição entre
as duas animações
com base em um gatilho.
Então lembre-se, criamos
a transição com base em um booleano.
Agora é hora de usar um gatilho.
Você precisará adicionar um parâmetro de gatilho.
Obviamente, você precisa criar
um script do UI Manager e adicionar à tela.
Você precisará criar um método
que desencadeia o desvanecimento.
E, finalmente, você precisa chamar esse método a partir do
Colton de carregamento no gerenciador de níveis.
Então, quase conhecemos todas as etapas.
Talvez você não saiba como definir um gatilho.
Então é isso que você precisa procurar por si mesmo.
E tudo o mais, acredito que é algo
qual passamos, vimos com testado.
Lembre-se de que a animação funcionará é pressionando
o pequeno botão vermelho na
gravação na animação para que as informações,
pause o vídeo agora mesmo e vá fazer o Chavan.
Certo, bem-vindo de volta.
Então, a primeira coisa que vamos fazer
é entrar na animação.
Vou seguir em frente e me certificar de que
tenho a imagem desvanecida e criar uma animação.
E agora posso entrar nas animações, clicar com o
botão direito do mouse aqui e criar a imagem desvanecida.
Então estou dentro de animações de ativos e
aqui vou criar antes de tudo,
o desvanecimento, o desvanecimento e salvar isso.
Agora, o que dissemos que a arma de desvanecimento deve
ser o desvanecimento em preto para transparente.
Certo, ótimo. Então, quanto tempo eu quero que isso demore?
Então, vamos fazer isso em torno de 1,5 segundos.
Então, vou clicar no botão gravar.
E o que eu disse de novo, preto muito transparente.
Opa, essa não é a chave que eu estava procurando.
E onde ele está? Certo, volte aqui.
Então começamos em preto e no final estamos gravando.
Quero levar o alfa para 0.
Então, o que acontece agora quando eu toco a animação?
Começa como preto e depois desaparece muito transparente.
Excelente.
A próxima coisa que vou fazer é criar o desvanecimento.
Então, desaparecendo.
E agora começamos em 0
e depois entramos na escuridão completa após 1 segundo.
Então paramos de gravar,
executamos o jogo tão transparente, desvanecemos para preto.
Excelente.
Agora, a próxima coisa vamos abrir o Animator.
E aqui vamos antes de tudo, ok,
então o desvanecimento e desvanecimento
significa que vamos de preto para transparente.
Isso deve começar assim que começarmos de novo.
Então, não aparecemos apenas no modo de jogo,
nós desaparecemos no modo de jogo e,
em seguida, temos o desvanecimento para preto criará
uma transição aqui.
Essa transição não deve ter
tempo de saída e as configurações devem ser um,
quero dizer, a duração da transição deve ser de 0.
Vou criar um parâmetro que será um gatilho,
e vou chamá-lo de Start, fade.
Faça esse capital.
Lá vai você. E adicione-o como uma condição aqui.
Excelente.
E espero que você tenha feito todos esses passos.
São coisas que já abordamos
e já criamos.
E antes de seguirmos em frente,
precisamos ter certeza de que esta tela também esteja
presente no segundo nível Y ou no nível 1.
Por quê? Porque se formos para o nível 1,
onde estão as cenas?
Se formos para o nível 1, você verá
que não temos uma tela,
então não poderemos desaparecer
quando começarmos o Nível 1 ou quando formos para o nível 1.
Então, de volta ao nível 2,
vou chamar isso de tela de interface do usuário Enter.
E vou para os Prefabs.
Onde estão os prefabs?
E vou criar e aqui uma pasta de interface do usuário.
E aqui vou arrastar o campus da interface do usuário.
Salve isso.
E agora veja como os prefabs são incríveis.
Eigen não acredita que falamos sobre isso.
Mas se entrarmos nas cenas no nível um,
podemos ir imediatamente para
Prefabs UI e adicionar uma tela e nossos jogos.
Então agora temos uma tela aqui
no nível 1 e não precisávamos
criar tudo de novo.
Essa é a beleza de ter Prefabs.
Com isso feito de volta no nível 2.
Vamos ver o que temos aqui.
Então as animações são reproduzidas,
tudo deve estar funcionando agora, quando executamos nosso jogo,
devemos ter um desvanecimento e animação.
Então eu executo o jogo.
Lá vai você.
Então você pode ver que eu tenho um loop desvanecendo na animação.
Então, vou entrar nas animações,
encontrar o desvanecimento e desvanecimento, e
me certificar de que não há tempo de loop. Salve isso.
E agora, quando executamos o jogo e o segundo agora temos
um desvanecimento em uma polegada.
Excelente.
Então você sabe por que isso está acontecendo?
Bem, porque na entrada,
a primeira coisa que fazemos é o desvanecimento.
Então isso já está configurado para nós.
Agora, a próxima coisa que precisamos fazer é criar
o UI Manager e adicionar ao campus.
Então, vou entrar em meus scripts aqui,
clique com o botão direito do mouse e criarei uma nova pasta para a interface do usuário.
Nós mudamos muito o nome dessa pasta,
mas, por enquanto, vamos em frente e criar um script C-sharp,
que será o UI Manager
ou deveria estar no gerente.
E isso não tem preocupações.
Aguarde que isso seja compilado.
Vamos movê-lo para os gerentes.
Acredito que seja manteiga aqui ou talvez não.
Eu não sei. Depende da sua preferência.
Acho que no gerente talvez seja melhor.
Cancele ou não, vamos mantê-lo.
Vamos mantê-lo em seus olhos.
Mesmo que seja um gerente o manterá na interface do usuário.
Vou abrir o UI Manager,
abrir o Visual Studio.
E a primeira coisa que precisaremos
é uma referência à imagem
que queremos desaparecer aqui.
Espero que isso não tenha sido muito difícil porque
vai ser um campo serializado,
que é uma imagem do tipo de imagem.
Oh, então havia algo que espero
que alguns de vocês consigam descobrir.
Se eu tentasse usar a imagem aqui.
Você notará que eu não tenho uma opção para isso.
O que eu preciso é que eu preciso usar
seu motor Unity ponto u i.
Então espero que este não tenha sido um grande problema para você.
Espero que você tenha encontrado esse erro ou
encontrado esse inconveniente no desafio e
saído do seu caminho e tente descobrir
a solução se não o fez, não se preocupe com isso.
Foi em meu nome.
Eu deveria ter avisado você de antemão.
Não se preocupe.
Imagem para o destino.
Alguns de vocês podem estar pensando, sim, não se preocupe,
claro, apenas minha confiança foi destruída.
De qualquer forma, o que vamos fazer nesta
classe aqui e no UI Manager?
Bem, como dissemos,
precisamos de um método.
Crie um método que aciona o desvanecimento e chame
esse método a partir do coworking de carregamento no gerenciador de níveis.
Certo, então vou me certificar de que isso é público.
Então, vou criar uma imagem de desvanecimento de vazio público.
E aqui vou ir em
frente e acessar a imagem para desaparecer.
Vou colocar um componente nele,
que é o animador.
E vou definir o gatilho.
E esse gatilho será a
referência de uma string para o desvanecimento inicial.
E hoje, agora, copie isso de volta aqui,
cole-o aqui, feche, salve isso.
Então, o que estamos fazendo?
Porque criamos a animação
na imagem real para desaparecer.
Você pode ver que o animador está aqui
neste objeto do jogo.
Um dos componentes da imagem a desaparecer.
Então, o que fazemos é acessar o animador na
imagem e, em seguida, definimos o gatilho que é iniciado.
Certo, ótimo.
Agora, o próximo passo é ir
em frente e chamá-lo de Gerenciador de níveis.
E há duas maneiras de fazer isso.
Podemos ir em frente e encontrar
o objeto do jogo ou encontrar o UI Manager.
Ou vamos seguir em frente e criar uma instância disso.
Vou criar um Gerenciador de UI estático público.
Em exemplo. Salve isso.
E vou criar um começo aqui.
E, em seguida, inicie a instância será igual a isso.
Salve isso.
Agora, de volta ao gerente de nível,
onde devemos colocar isso?
Bem, acredito que assim que atingimos
ou assim que entrarmos no nível de carregamento.
Então, temos a escala de tempo em 0,2.
Vou seguir em frente e acessar
o UI Manager, a instância.
E vou ir em frente e desaparecer a imagem.
Agora, você notará algo que
porque dissemos a escala de tempo para 0,2,
o desbotamento da imagem será
mais lento do que o que temos aqui.
Então, vamos testar isso e ver se funciona.
Se você acha que é um pouco lento,
você pode ir em frente e tornar
o desbotamento da imagem um pouco mais lento.
Então lá vamos nós.
Começamos, corremos para cima.
E quando entramos neste portal aqui, lá vamos nós.
Estamos diminuindo a velocidade e esquecemos de adicionar um hey,
esquecemos de adicionar a referência.
Você pode ver aqui o erro.
Se eu clicar duas vezes nele,
você verá que a imagem de ponto do UI Manager desvanece,
há algo errado. O que há de errado?
Bem, não há instância.
Ok, então se eu for para a tela da interface do usuário,
notaria que nem adicionei o gerente,
então não tenho certeza do que está sendo chamado.
Então, vamos arrastar o UI Manager.
Vamos nos certificar de que dissemos
a imagem desvanecida e vamos aplicar as alterações.
Então, observe agora que a tela
neste nível não tinha um UI Manager, certo?
E este é o que usamos no nível um.
Se eu for agora para o nível um,
clico na tela da interface do usuário.
Ele tem um UI Manager e a imagem já está configurada.
Assim, você pode ver novamente o poder de usar aplicativos de luto.
Quão legal é isso?
Então, de volta ao nível para executar o jogo,
nós desaparecemos. Não há mais erros.
Nós subimos, passamos pelo portal,
e lá vamos nós, diminuímos a velocidade.
Temos esse açúcar aqui.
Então, houve um pequeno problema aqui.
Como você percebe que não tivemos
tempo para desaparecer.
Então, vou acessar o desvanecimento
novamente e a imagem desvanecida.
E onde está isso?
Bem, isso dependerá de quanto tempo ou
qual é a escala de tempo que você tem aqui.
Então, vou fazer 0,5. Salve isso.
E em vez de 1,5 segundos,
vou fazer isso por aí,
vamos fazer isso em torno de 0,
talvez 1 segundo ou 2,5º.
Digamos que seja cerca de 40 do jogo.
Teste, veja se temos tempo para desaparecer.
Então eu subo, eu me movo.
Lá vamos nós, desaparecemos
completamente e depois paramos de desaparecer.
E muito normalmente.
Então, com isso feito,
espero que você goste.
Vamos nos certificar de confirmar nossas alterações.
Etapa todos confirmam as alterações.
Criou uma imagem desvanecida
usando você é incontável.
Confirme as alterações.
Espero que você goste e te vejo no próximo vídeo.