1
00:00:00,000 --> 00:00:03,330
Bem-vindo de volta meus colegas desenvolvedores
 de jogos

2
00:00:03,330 --> 00:00:04,740
em um novo vídeo. 

3
00:00:04,740 --> 00:00:06,690
E este, você notará que
 temos

4
00:00:06,690 --> 00:00:09,000
o desvanecimento dentro e para fora. 

5
00:00:09,000 --> 00:00:11,070
E para que serve isso? 

6
00:00:11,070 --> 00:00:12,480
Bem, se olharmos aqui,

7
00:00:12,480 --> 00:00:15,210
temos uma enorme caixa preta. 

8
00:00:15,210 --> 00:00:17,100
E você pode ver isso agora. 

9
00:00:17,100 --> 00:00:19,290
Não vemos nada no jogo. 

10
00:00:19,290 --> 00:00:20,190
Por que isso? 

11
00:00:20,190 --> 00:00:20,880
O que aconteceu? 

12
00:00:20,880 --> 00:00:21,960
Que deixaríamos o jogo? 

13
00:00:21,960 --> 00:00:23,460
Por que é tão pequeno agora? 

14
00:00:23,460 --> 00:00:24,710
Por que estamos ampliados? 

15
00:00:24,705 --> 00:00:27,215
Tantas perguntas, tão poucas respostas. 

16
00:00:27,210 --> 00:00:28,380
Se eu executar o jogo,

17
00:00:28,380 --> 00:00:30,630
você notará que começamos o nível

18
00:00:30,630 --> 00:00:33,010
desaparecendo da imagem preta. 

19
00:00:33,010 --> 00:00:34,660
E se andarmos por aí,

20
00:00:34,655 --> 00:00:36,895
você pode ver que assim que entrarmos no portal,

21
00:00:36,890 --> 00:00:38,470
não apenas diminuímos a velocidade,

22
00:00:38,465 --> 00:00:39,995
mas desaparecemos,

23
00:00:39,995 --> 00:00:43,615
e depois desaparecemos de volta quando vamos para o próximo nível. 

24
00:00:43,610 --> 00:00:44,930
Então, não vamos
 perder

25
00:00:44,930 --> 00:00:48,770
mais tempo e vamos falhar. 

26
00:00:48,770 --> 00:00:50,560
Oh, tudo bem. 

27
00:00:50,555 --> 00:00:52,225
Então, agora estamos

28
00:00:52,220 --> 00:00:55,220
transição
 correta de um nível para o outro. 

29
00:00:55,220 --> 00:00:58,040
Temos o efeito de escala

30
00:00:58,040 --> 00:00:59,680
que diminuímos tudo. 

31
00:00:59,675 --> 00:01:02,095
A próxima coisa que queremos fazer é que queremos

32
00:01:02,090 --> 00:01:04,580
ter algum tipo de efeito de desvanecimento. 

33
00:01:04,580 --> 00:01:06,380
Então, o que queremos é que B1,

34
00:01:06,380 --> 00:01:10,070
a imagem ou o jogo inteiro desapareça para preto. 

35
00:01:10,070 --> 00:01:12,050
E então, quando entramos em um novo nível,

36
00:01:12,050 --> 00:01:13,790
queremos desaparecer. 

37
00:01:13,790 --> 00:01:16,160
Então, vamos em frente, faça isso. 

38
00:01:16,160 --> 00:01:18,010
A primeira coisa que precisamos fazer,

39
00:01:18,005 --> 00:01:20,695
ou como a saída desvanecida funciona? 

40
00:01:20,690 --> 00:01:24,380
Teremos uma grande imagem preta aqui que vai desaparecer

41
00:01:24,380 --> 00:01:27,920
e depois desaparecer à medida que passamos de nível para o próximo. 

42
00:01:27,920 --> 00:01:29,930
Então, é tudo sobre uma imagem preta

43
00:01:29,930 --> 00:01:32,500
e usamos o alfa nela. 

44
00:01:32,495 --> 00:01:34,415
Então, vamos fazer isso. 

45
00:01:34,415 --> 00:01:38,785
Como vamos adicionar uma imagem no Unity? 

46
00:01:38,780 --> 00:01:41,600
Bem, precisamos de algo chamado tela. 

47
00:01:41,600 --> 00:01:43,730
Então, vou criar uma tela. 

48
00:01:43,730 --> 00:01:45,800
Vou clicar com o botão direito do mouse na hierarquia,

49
00:01:45,800 --> 00:01:48,950
ir ao seu olho e encontrar o campus. 

50
00:01:48,950 --> 00:01:51,170
Lá vai você. Agora temos um campus. 

51
00:01:51,170 --> 00:01:52,720
Se eu clicar duas vezes nele,

52
00:01:52,715 --> 00:01:55,145
lá vai você, você pode ver que é uma tela enorme

53
00:01:55,145 --> 00:01:57,425
e
 grande e você pode estar se perguntando,

54
00:01:57,425 --> 00:02:01,955
por que a tela é tão grande enquanto nosso jogo é tão pequeno? 

55
00:02:01,955 --> 00:02:03,835
Bem, é assim que o Unity

56
00:02:03,830 --> 00:02:06,520
lida com o uso do Canvas e adicionando imagens. 

57
00:02:06,515 --> 00:02:09,775
É melhor brincar com as imagens aqui. 

58
00:02:09,770 --> 00:02:12,320
Em vez de brincar nas imagens,

59
00:02:12,320 --> 00:02:14,320
escreva e tenha tudo na frente

60
00:02:14,315 --> 00:02:16,945
do jogador e dos objetos no jogo. 

61
00:02:16,940 --> 00:02:19,220
Portanto, essa é uma maneira muito melhor ou

62
00:02:19,220 --> 00:02:22,060
a maneira que a unidade usa para lidar com as coisas. 

63
00:02:22,055 --> 00:02:23,545
Você também pode ver que temos

64
00:02:23,540 --> 00:02:25,090
algo chamado sistema de eventos. 

65
00:02:25,085 --> 00:02:27,175
E isso nos permite, por exemplo,

66
00:02:27,170 --> 00:02:30,020
digamos que tenhamos algum tipo de botão na tela. 

67
00:02:30,020 --> 00:02:32,000
Queremos clicar nele para que
 possamos

68
00:02:32,000 --> 00:02:34,300
adicionar sistema de eventos sob o Canvas,

69
00:02:34,295 --> 00:02:36,935
torná-lo um filho e mantê-lo lá por enquanto. 

70
00:02:36,935 --> 00:02:40,475
E esse sistema de eventos nos permite realmente apertar

71
00:02:40,475 --> 00:02:42,445
botões na tela e
 nos permitir

72
00:02:42,440 --> 00:02:44,530
interagir com a tela. 

73
00:02:44,525 --> 00:02:46,985
Veremos como isso funciona em um pouco. 

74
00:02:46,985 --> 00:02:48,955
Mas, por enquanto, queremos
 entrar

75
00:02:48,950 --> 00:02:51,050
no scaler de tela aqui. 

76
00:02:51,050 --> 00:02:54,490
Você pode ver que podemos dimensionar com o tamanho da tela. 

77
00:02:54,485 --> 00:02:57,625
E queremos mudar isso de 100 para
 1920 até

78
00:02:57,620 --> 00:03:01,000
então oito,

79
00:03:00,995 --> 00:03:03,505
que é o tamanho da tela que

80
00:03:03,500 --> 00:03:06,260
estamos usando ou criando o jogo. 

81
00:03:06,260 --> 00:03:07,330
Pressione Enter. 

82
00:03:07,325 --> 00:03:10,295
Lá vai você. Agora tudo está feito. 

83
00:03:10,295 --> 00:03:12,865
Você pode ver que temos o rodízio de raios e um elemento

84
00:03:12,860 --> 00:03:15,440
para a tela que não é tão importante. 

85
00:03:15,440 --> 00:03:18,040
Não vamos mudar nada demais aqui. 

86
00:03:18,035 --> 00:03:21,295
Só queremos ter certeza de que o escalador de tela seja

87
00:03:21,290 --> 00:03:26,170
tamanho de tela de
 escala e queremos fazê-lo 1920 por 1080. 

88
00:03:26,165 --> 00:03:26,795
Certo, ótimo. 

89
00:03:26,795 --> 00:03:28,075
Agora, com isso feito,

90
00:03:28,070 --> 00:03:30,280
próximo passo é adicionar uma imagem. 

91
00:03:30,275 --> 00:03:32,285
Então, vou clicar com o botão direito do mouse aqui,

92
00:03:32,285 --> 00:03:35,305
ir até você e encontrar uma imagem. 

93
00:03:35,300 --> 00:03:37,870
Então agora você pode ver que temos

94
00:03:37,865 --> 00:03:39,265
uma imagem no meio
 da

95
00:03:39,260 --> 00:03:41,450
tela enorme e eu vou,
 é a

96
00:03:41,450 --> 00:03:43,990
imagem desvanecida. 

97
00:03:43,985 --> 00:03:47,215
Mas mesmo que o tenhamos na tela,

98
00:03:47,210 --> 00:03:49,040
você pode ver aqui no jogo que

99
00:03:49,040 --> 00:03:51,070
temos como um pequeno bloco. 

100
00:03:51,065 --> 00:03:53,525
E se eu movê-lo para o lado superior,

101
00:03:53,525 --> 00:03:56,425
você notará que está no lado superior do jogo,

102
00:03:56,420 --> 00:03:57,620
e no meio, está no

103
00:03:57,620 --> 00:04:00,010
meio onde o jogador reside. 

104
00:04:00,005 --> 00:04:02,035
E no canto inferior esquerdo você pode vê-lo. 

105
00:04:02,030 --> 00:04:04,250
Portanto, não é mesmo que a imagem

106
00:04:04,250 --> 00:04:07,100
aqui no topo do jogo seja enorme. 

107
00:04:07,100 --> 00:04:09,220
Mas você pode ver isso na tela,

108
00:04:09,215 --> 00:04:11,875
é muito pequeno e diminui. 

109
00:04:11,870 --> 00:04:16,750
Então, é assim que representamos as coisas no Unity na tela da interface do usuário. 

110
00:04:16,745 --> 00:04:19,015
Agora, o que vamos fazer? 

111
00:04:19,010 --> 00:04:21,950
Queremos fazer essa imagem preencher toda a tela,

112
00:04:21,950 --> 00:04:23,650
torná-la completamente preta. 

113
00:04:23,645 --> 00:04:25,135
E então vamos usar
 a

114
00:04:25,130 --> 00:04:28,580
transparência para desaparecer e desaparecer. 

115
00:04:28,580 --> 00:04:31,990
Primeiro de tudo, como fazemos isso tão grande quanto a tela? 

116
00:04:31,985 --> 00:04:34,015
Bem, há uma opção aqui. 

117
00:04:34,010 --> 00:04:36,260
Você pode ver que é a ferramenta rect. 

118
00:04:36,260 --> 00:04:38,390
Quando você clica nele, você pode arrastar

119
00:04:38,390 --> 00:04:40,690
e tornar essa imagem cada vez maior e menor. 

120
00:04:40,685 --> 00:04:42,145
E você notará aqui que
 temos

121
00:04:42,140 --> 00:04:43,820
muitas coisas que é

122
00:04:43,820 --> 00:04:46,070
a Rect Transform para

123
00:04:46,070 --> 00:04:49,030
lidar e mudar a aparência da imagem. 

124
00:04:49,025 --> 00:04:51,085
Também podemos segurar Alt

125
00:04:51,080 --> 00:04:53,260
e escolher um dos cantos, ou exército. 

126
00:04:53,255 --> 00:04:55,715
Escolha um dos coordenadores e mantenha pressionada a tecla Alt. 

127
00:04:55,715 --> 00:04:57,625
E você pode ver que podemos
 expandi-lo

128
00:04:57,620 --> 00:04:59,830
e todas as formas. 

129
00:04:59,825 --> 00:05:03,355
Mas há uma solução ainda melhor para isso. 

130
00:05:03,350 --> 00:05:05,350
E isso se clicarmos aqui,

131
00:05:05,345 --> 00:05:07,345
você pode ver que temos algumas

132
00:05:07,340 --> 00:05:09,650
opções e essas são chamadas
 de âncora. 

133
00:05:09,650 --> 00:05:11,930
Então, por exemplo, se eu clicar nessa
 âncora,

134
00:05:11,930 --> 00:05:15,050
a imagem diminuirá grande e pequena com

135
00:05:15,045 --> 00:05:18,455
escala para cima e para baixo com base neste ponto aqui,

136
00:05:18,455 --> 00:05:21,155
também
 podemos clicar neste onde ela será dimensionada

137
00:05:21,155 --> 00:05:23,875
com base em toda a tela. 

138
00:05:23,870 --> 00:05:25,130
Você verá o que quero dizer

139
00:05:25,130 --> 00:05:27,040
escalonamento quando precisamos dimensionar. 

140
00:05:27,035 --> 00:05:29,615
Mas o que acontece se mantivermos Alt pressionado? 

141
00:05:29,615 --> 00:05:32,405
Você pode ver que podemos expandir a imagem dessa maneira. 

142
00:05:32,405 --> 00:05:34,045
Podemos expandi-lo no meio,

143
00:05:34,040 --> 00:05:35,900
podemos expandi-lo para a esquerda

144
00:05:35,900 --> 00:05:38,030
e podemos expandi-lo

145
00:05:38,030 --> 00:05:40,250
que ele preencha todo o quadrado. 

146
00:05:40,250 --> 00:05:42,050
A tela inteira imediatamente. 

147
00:05:42,050 --> 00:05:44,240
E você pode ver que agora a imagem
 bloqueou

148
00:05:44,240 --> 00:05:46,690
totalmente o jogo. 

149
00:05:46,685 --> 00:05:49,985
E se eu for para a tela e a imagem desvanecida,

150
00:05:49,985 --> 00:05:52,945
posso mudar a cor aqui na imagem,

151
00:05:52,940 --> 00:05:55,310
e vamos torná-la completamente preta. 

152
00:05:55,310 --> 00:05:59,410
Agora, como vamos mudar a transparência? 

153
00:05:59,405 --> 00:06:02,395
Primeiro de tudo, podemos fazer isso

154
00:06:02,390 --> 00:06:05,740
aqui para que possamos alterar o alfa na imagem. 

155
00:06:05,735 --> 00:06:08,515
Mas é meio difícil acessar o alfa

156
00:06:08,510 --> 00:06:11,390
na imagem porque precisamos acessar todas as cores vermelha,

157
00:06:11,390 --> 00:06:13,010
verde e azul. 

158
00:06:13,010 --> 00:06:15,380
De outra forma de fazer isso é adicionando

159
00:06:15,380 --> 00:06:17,650
algo chamado grupo do campus. 

160
00:06:17,645 --> 00:06:22,985
Então, se eu entrar aqui e adicionar um grupo de telas,

161
00:06:23,080 --> 00:06:27,460
você pode ver que eu tenho a opção de ter Alpha. 

162
00:06:27,455 --> 00:06:29,305
E se eu mover esse alfa para baixo

163
00:06:29,300 --> 00:06:31,280
de 0 para um ou de um para 0,

164
00:06:31,280 --> 00:06:34,600
você pode ver em 0 que é completamente transparente. 

165
00:06:34,595 --> 00:06:36,635
Em um, não é. 

166
00:06:36,635 --> 00:06:38,875
E eu posso bloquear o re-cast. 

167
00:06:38,870 --> 00:06:40,280
Isso significa que re-cast

168
00:06:40,280 --> 00:06:42,620
significa que sempre que eu quiser clicar em algo,

169
00:06:42,620 --> 00:06:44,660
isso pode ajudar a bloquear o re-cast e

170
00:06:44,660 --> 00:06:47,480
o interativo é essa imagem interativa? 

171
00:06:47,480 --> 00:06:49,760
Digamos que não seja. E lá vai você. 

172
00:06:49,760 --> 00:06:54,170
Então, agora nosso objetivo é criar uma animação. 

173
00:06:54,170 --> 00:06:56,870
Usando essa animação, vamos controlar

174
00:06:56,870 --> 00:06:59,750
o grupo de telas alfa aqui. 

175
00:06:59,750 --> 00:07:02,000
E então vamos desaparecer e

176
00:07:02,000 --> 00:07:04,730
desaparecer toda vez e nosso ganho. 

177
00:07:04,730 --> 00:07:07,070
Então, com isso explicado,

178
00:07:07,070 --> 00:07:09,250
vou lhe emitir um desafio. 

179
00:07:09,245 --> 00:07:12,635
E seu desafio é desaparecer a imagem para dentro e para fora. 

180
00:07:12,635 --> 00:07:13,925
Então, vou dar-lhe

181
00:07:13,925 --> 00:07:16,645
um processo passo a passo de como fazer isso. 

182
00:07:16,640 --> 00:07:18,380
Primeiro de tudo, você precisará criar

183
00:07:18,380 --> 00:07:19,940
uma animação para o desvanecimento

184
00:07:19,940 --> 00:07:21,800
e desvanecimento e ficará preto

185
00:07:21,800 --> 00:07:23,810
para transparente e desaparecendo,

186
00:07:23,810 --> 00:07:26,320
o
 que será transparente para preto. 

187
00:07:26,315 --> 00:07:29,495
Você precisa criar uma transição entre
 a transição entre

188
00:07:29,495 --> 00:07:31,615
as duas animações

189
00:07:31,610 --> 00:07:32,930
com base em um gatilho. 

190
00:07:32,930 --> 00:07:34,940
Então lembre-se, criamos

191
00:07:34,940 --> 00:07:36,530
a transição com base em um booleano. 

192
00:07:36,530 --> 00:07:38,600
Agora é hora de usar um gatilho. 

193
00:07:38,600 --> 00:07:41,020
Você precisará adicionar um parâmetro de gatilho. 

194
00:07:41,015 --> 00:07:43,085
Obviamente, você precisa criar

195
00:07:43,085 --> 00:07:47,405
um script do UI Manager e adicionar à tela. 

196
00:07:47,405 --> 00:07:49,555
Você precisará criar um método

197
00:07:49,550 --> 00:07:51,350
que desencadeia o desvanecimento. 

198
00:07:51,350 --> 00:07:53,720
E, finalmente, você precisa chamar esse método a partir
 do

199
00:07:53,720 --> 00:07:56,560
Colton de carregamento no gerenciador de níveis. 

200
00:07:56,555 --> 00:07:59,455
Então, quase conhecemos todas as etapas. 

201
00:07:59,450 --> 00:08:02,230
Talvez você não saiba como definir um gatilho. 

202
00:08:02,225 --> 00:08:05,195
Então é isso que você precisa procurar por si mesmo. 

203
00:08:05,194 --> 00:08:08,064
E tudo o mais, acredito que
 é algo

204
00:08:08,060 --> 00:08:10,880
qual passamos, vimos com testado. 

205
00:08:10,880 --> 00:08:13,490
Lembre-se de que a animação funcionará é pressionando

206
00:08:13,490 --> 00:08:15,500
o pequeno botão vermelho
 na

207
00:08:15,500 --> 00:08:19,250
gravação na animação para que as informações,

208
00:08:19,250 --> 00:08:24,330
pause o vídeo agora mesmo e vá fazer o Chavan. 

209
00:08:24,550 --> 00:08:26,780
Certo, bem-vindo de volta. 

210
00:08:26,780 --> 00:08:28,910
Então, a primeira coisa que vamos fazer

211
00:08:28,910 --> 00:08:31,660
é entrar na animação. 

212
00:08:31,655 --> 00:08:34,765
Vou seguir em frente e me certificar de que

213
00:08:34,760 --> 00:08:38,020
tenho a imagem desvanecida e criar uma animação. 

214
00:08:38,015 --> 00:08:40,285
E agora posso entrar nas animações,
 clicar com o

215
00:08:40,280 --> 00:08:45,980
botão direito do mouse aqui e criar a imagem desvanecida. 

216
00:08:45,980 --> 00:08:48,500
Então estou dentro de animações de ativos e

217
00:08:48,500 --> 00:08:50,860
aqui vou criar antes de tudo,

218
00:08:50,855 --> 00:08:57,085
o desvanecimento, o desvanecimento e salvar isso. 

219
00:08:57,080 --> 00:08:59,170
Agora, o que dissemos que a arma de desvanecimento deve

220
00:08:59,165 --> 00:09:01,505
ser o desvanecimento em preto para transparente. 

221
00:09:01,505 --> 00:09:04,885
Certo, ótimo. Então, quanto tempo eu quero que isso demore? 

222
00:09:04,880 --> 00:09:09,140
Então, vamos fazer isso em torno de 1,5 segundos. 

223
00:09:09,140 --> 00:09:11,860
Então, vou clicar no botão gravar. 

224
00:09:11,855 --> 00:09:14,755
E o que eu disse de novo, preto muito transparente. 

225
00:09:14,750 --> 00:09:18,530
Opa, essa não é a chave que eu estava procurando. 

226
00:09:18,530 --> 00:09:22,660
E onde ele está? Certo, volte aqui. 

227
00:09:22,655 --> 00:09:27,845
Então começamos em preto e no final estamos gravando. 

228
00:09:27,845 --> 00:09:30,155
Quero levar o alfa para 0. 

229
00:09:30,155 --> 00:09:32,455
Então, o que acontece agora quando eu toco a animação? 

230
00:09:32,450 --> 00:09:35,890
Começa como preto e depois desaparece muito transparente. 

231
00:09:35,885 --> 00:09:36,775
Excelente. 

232
00:09:36,770 --> 00:09:40,640
A próxima coisa que vou fazer é criar o desvanecimento. 

233
00:09:40,640 --> 00:09:44,720
Então, desaparecendo. 

234
00:09:44,720 --> 00:09:50,300
E agora começamos em 0

235
00:09:50,300 --> 00:09:55,690
e depois entramos na escuridão completa após 1 segundo. 

236
00:09:55,685 --> 00:09:57,655
Então paramos de gravar,

237
00:09:57,650 --> 00:10:00,290
executamos o jogo tão transparente, desvanecemos para preto. 

238
00:10:00,290 --> 00:10:01,220
Excelente. 

239
00:10:01,220 --> 00:10:06,520
Agora, a próxima coisa vamos abrir o Animator. 

240
00:10:06,515 --> 00:10:10,105
E aqui vamos antes de tudo, ok,

241
00:10:10,100 --> 00:10:11,960
então o desvanecimento e desvanecimento

242
00:10:11,960 --> 00:10:14,480
significa que vamos de preto para transparente. 

243
00:10:14,479 --> 00:10:17,269
Isso deve começar assim que começarmos de novo. 

244
00:10:17,270 --> 00:10:19,460
Então, não aparecemos apenas no modo de jogo,

245
00:10:19,460 --> 00:10:21,490
nós desaparecemos no modo de jogo
 e,

246
00:10:21,485 --> 00:10:23,365
em seguida, temos o desvanecimento para preto
 criará

247
00:10:23,360 --> 00:10:26,270
uma transição aqui. 

248
00:10:26,270 --> 00:10:28,370
Essa transição
 não deve ter

249
00:10:28,370 --> 00:10:32,450
tempo de saída e as configurações devem ser um,

250
00:10:32,450 --> 00:10:35,380
quero dizer, a duração da transição deve ser de 0. 

251
00:10:35,375 --> 00:10:38,935
Vou criar um parâmetro que será um gatilho,

252
00:10:38,930 --> 00:10:43,240
e vou chamá-lo de Start, fade. 

253
00:10:43,235 --> 00:10:44,945
Faça esse capital. 

254
00:10:44,945 --> 00:10:49,075
Lá vai você. E adicione-o como uma condição aqui. 

255
00:10:49,070 --> 00:10:50,180
Excelente. 

256
00:10:50,180 --> 00:10:52,580
E espero que você tenha feito todos esses passos. 

257
00:10:52,580 --> 00:10:54,170
São coisas que já
 abordamos

258
00:10:54,170 --> 00:10:56,120
e já criamos. 

259
00:10:56,120 --> 00:10:57,500
E antes de
 seguirmos em frente,

260
00:10:57,500 --> 00:11:00,590
precisamos ter certeza de que esta tela também esteja

261
00:11:00,590 --> 00:11:04,250
presente no segundo nível Y ou no nível 1. 

262
00:11:04,250 --> 00:11:07,450
Por quê? Porque se formos para o nível 1,

263
00:11:07,445 --> 00:11:08,675
onde estão as cenas? 

264
00:11:08,675 --> 00:11:10,435
Se formos para o nível 1, você verá

265
00:11:10,430 --> 00:11:12,370
que não temos uma tela,

266
00:11:12,365 --> 00:11:14,515
então não poderemos
 desaparecer

267
00:11:14,510 --> 00:11:17,590
quando começarmos o Nível 1 ou quando formos para o nível 1. 

268
00:11:17,585 --> 00:11:19,465
Então, de volta ao nível 2,

269
00:11:19,460 --> 00:11:24,470
vou chamar isso de tela de interface do usuário Enter. 

270
00:11:24,470 --> 00:11:28,160
E vou para os Prefabs. 

271
00:11:28,160 --> 00:11:29,900
Onde estão os prefabs? 

272
00:11:29,900 --> 00:11:36,690
E vou criar e aqui uma pasta de interface do usuário. 

273
00:11:36,685 --> 00:11:40,045
E aqui vou arrastar o campus da interface do usuário. 

274
00:11:40,045 --> 00:11:41,245
Salve isso. 

275
00:11:41,245 --> 00:11:44,025
E agora veja como os prefabs são incríveis. 

276
00:11:44,020 --> 00:11:45,970
Eigen não acredita que falamos sobre isso. 

277
00:11:45,970 --> 00:11:48,760
Mas se entrarmos nas cenas no nível um,

278
00:11:48,760 --> 00:11:50,170
podemos ir imediatamente para

279
00:11:50,170 --> 00:11:53,890
Prefabs UI e adicionar uma tela e nossos jogos. 

280
00:11:53,890 --> 00:11:57,190
Então agora temos uma tela aqui

281
00:11:57,190 --> 00:11:58,900
no nível 1 e não
 precisávamos

282
00:11:58,900 --> 00:12:00,880
criar tudo de novo. 

283
00:12:00,880 --> 00:12:03,330
Essa é a beleza de ter Prefabs. 

284
00:12:03,325 --> 00:12:06,135
Com isso feito de volta no nível 2. 

285
00:12:06,130 --> 00:12:08,070
Vamos ver o que temos aqui. 

286
00:12:08,065 --> 00:12:09,585
Então as animações são reproduzidas,

287
00:12:09,580 --> 00:12:12,360
tudo deve estar funcionando agora, quando executamos nosso jogo,

288
00:12:12,355 --> 00:12:15,045
devemos ter um desvanecimento e animação. 

289
00:12:15,045 --> 00:12:17,585
Então eu executo o jogo. 

290
00:12:17,860 --> 00:12:19,580
Lá vai você. 

291
00:12:19,580 --> 00:12:23,420
Então você pode ver que eu tenho um loop desvanecendo na animação. 

292
00:12:23,420 --> 00:12:25,880
Então, vou entrar nas animações,

293
00:12:25,880 --> 00:12:28,730
encontrar o desvanecimento e desvanecimento,
 e

294
00:12:28,730 --> 00:12:33,080
me certificar de que não há tempo de loop. Salve isso. 

295
00:12:33,080 --> 00:12:37,640
E agora, quando executamos o jogo e o segundo agora
 temos

296
00:12:37,640 --> 00:12:42,910
um desvanecimento em uma polegada. 

297
00:12:42,905 --> 00:12:43,705
Excelente. 

298
00:12:43,700 --> 00:12:46,130
Então você sabe por que isso está acontecendo? 

299
00:12:46,130 --> 00:12:47,900
Bem, porque na entrada,

300
00:12:47,900 --> 00:12:49,960
a primeira coisa que fazemos é o desvanecimento. 

301
00:12:49,955 --> 00:12:52,295
Então isso já está configurado para nós. 

302
00:12:52,295 --> 00:12:55,375
Agora, a próxima coisa que precisamos fazer é
 criar

303
00:12:55,370 --> 00:12:58,820
o UI Manager e adicionar ao campus. 

304
00:12:58,820 --> 00:13:01,910
Então, vou entrar em meus scripts aqui,

305
00:13:01,910 --> 00:13:05,500
clique com o botão direito do mouse e criarei uma nova pasta para a interface do usuário. 

306
00:13:05,495 --> 00:13:07,715
Nós mudamos muito o nome dessa pasta,

307
00:13:07,715 --> 00:13:11,245
mas, por enquanto, vamos em frente e criar um script C-sharp,

308
00:13:11,240 --> 00:13:14,470
que será o UI Manager

309
00:13:14,465 --> 00:13:17,945
ou deveria estar no gerente. 

310
00:13:17,945 --> 00:13:19,405
E isso não tem preocupações. 

311
00:13:19,400 --> 00:13:20,910
Aguarde que isso seja compilado. 

312
00:13:20,914 --> 00:13:23,314
Vamos movê-lo para os gerentes. 

313
00:13:23,315 --> 00:13:26,465
Acredito que seja manteiga aqui ou talvez não. 

314
00:13:26,465 --> 00:13:28,585
Eu não sei. Depende da sua preferência. 

315
00:13:28,580 --> 00:13:32,560
Acho que no gerente talvez seja melhor. 

316
00:13:32,555 --> 00:13:35,155
Cancele ou não, vamos mantê-lo. 

317
00:13:35,150 --> 00:13:36,310
Vamos mantê-lo em seus olhos. 

318
00:13:36,305 --> 00:13:40,135
Mesmo que seja um gerente o manterá na interface do usuário. 

319
00:13:40,130 --> 00:13:43,090
Vou abrir o UI Manager,

320
00:13:43,085 --> 00:13:44,665
abrir o Visual Studio. 

321
00:13:44,660 --> 00:13:46,250
E a primeira coisa que
 precisaremos

322
00:13:46,250 --> 00:13:48,110
é uma referência à imagem

323
00:13:48,110 --> 00:13:51,560
que queremos desaparecer aqui. 

324
00:13:51,560 --> 00:13:53,660
Espero que isso não tenha sido muito
 difícil porque

325
00:13:53,660 --> 00:13:55,930
vai ser um campo serializado,

326
00:13:55,925 --> 00:13:58,625
que é uma imagem do tipo de imagem. 

327
00:13:58,625 --> 00:14:01,255
Oh, então havia algo que
 espero

328
00:14:01,250 --> 00:14:04,120
que alguns de vocês consigam descobrir. 

329
00:14:04,115 --> 00:14:06,725
Se eu tentasse usar a imagem aqui. 

330
00:14:06,725 --> 00:14:09,875
Você notará que eu não tenho uma opção para isso. 

331
00:14:09,875 --> 00:14:11,905
O que eu preciso é que eu preciso
 usar

332
00:14:11,900 --> 00:14:15,040
seu motor Unity ponto u i.

333
00:14:15,035 --> 00:14:18,635
Então espero que este não tenha sido um grande problema para você. 

334
00:14:18,635 --> 00:14:21,175
Espero que você tenha encontrado esse erro ou

335
00:14:21,170 --> 00:14:23,630
encontrado esse inconveniente no desafio e

336
00:14:23,630 --> 00:14:26,110
saído do seu caminho e tente descobrir

337
00:14:26,110 --> 00:14:29,020
a solução se não o fez, não se preocupe com isso. 

338
00:14:29,015 --> 00:14:30,935
Foi em meu nome. 

339
00:14:30,935 --> 00:14:33,685
Eu deveria ter avisado você de antemão. 

340
00:14:33,680 --> 00:14:34,900
Não se preocupe. 

341
00:14:34,895 --> 00:14:38,545
Imagem para o destino. 

342
00:14:38,540 --> 00:14:40,370
Alguns de vocês podem estar pensando, sim, não se preocupe,

343
00:14:40,370 --> 00:14:43,030
claro, apenas minha confiança foi destruída. 

344
00:14:43,025 --> 00:14:46,075
De qualquer forma, o que vamos fazer
 nesta

345
00:14:46,070 --> 00:14:49,660
classe aqui e no UI Manager? 

346
00:14:49,655 --> 00:14:50,725
Bem, como dissemos,

347
00:14:50,720 --> 00:14:52,400
precisamos de um método. 

348
00:14:52,395 --> 00:14:55,545
Crie um método que aciona o desvanecimento e chame

349
00:14:55,540 --> 00:14:59,010
esse método a partir do coworking de carregamento no gerenciador de níveis. 

350
00:14:59,005 --> 00:15:02,365
Certo, então vou me certificar de que isso é público. 

351
00:15:02,365 --> 00:15:09,295
Então, vou criar uma imagem de desvanecimento de vazio público. 

352
00:15:09,810 --> 00:15:12,850
E aqui vou ir em

353
00:15:12,850 --> 00:15:15,460
frente e acessar a imagem para desaparecer. 

354
00:15:15,460 --> 00:15:18,100
Vou colocar um componente nele,

355
00:15:18,100 --> 00:15:20,930
que é o animador. 

356
00:15:22,140 --> 00:15:26,390
E vou definir o gatilho. 

357
00:15:26,490 --> 00:15:29,320
E esse gatilho será
 a

358
00:15:29,320 --> 00:15:34,970
referência de uma string para o desvanecimento inicial. 

359
00:15:34,965 --> 00:15:39,865
E hoje, agora, copie isso de volta aqui,

360
00:15:39,860 --> 00:15:42,730
cole-o aqui, feche, salve isso. 

361
00:15:42,725 --> 00:15:44,345
Então, o que estamos fazendo? 

362
00:15:44,345 --> 00:15:46,485
Porque criamos a animação

363
00:15:46,489 --> 00:15:48,169
na imagem real para desaparecer. 

364
00:15:48,170 --> 00:15:50,150
Você pode ver que o animador está aqui

365
00:15:50,150 --> 00:15:52,780
neste objeto do jogo. 

366
00:15:52,775 --> 00:15:55,615
Um dos componentes da imagem a desaparecer. 

367
00:15:55,610 --> 00:15:58,190
Então, o que fazemos é acessar o animador
 na

368
00:15:58,190 --> 00:16:01,760
imagem e, em seguida, definimos o gatilho que é iniciado. 

369
00:16:01,760 --> 00:16:02,680
Certo, ótimo. 

370
00:16:02,675 --> 00:16:04,645
Agora, o próximo passo é ir

371
00:16:04,640 --> 00:16:06,910
em frente e chamá-lo de Gerenciador de níveis. 

372
00:16:06,905 --> 00:16:09,505
E há duas maneiras de fazer isso. 

373
00:16:09,500 --> 00:16:11,090
Podemos ir em frente e encontrar

374
00:16:11,090 --> 00:16:13,790
o objeto do jogo ou encontrar o UI Manager. 

375
00:16:13,790 --> 00:16:16,750
Ou vamos seguir em frente e criar uma instância disso. 

376
00:16:16,745 --> 00:16:23,905
Vou criar um Gerenciador de UI estático público. 

377
00:16:23,900 --> 00:16:28,570
Em exemplo. Salve isso. 

378
00:16:28,565 --> 00:16:31,655
E vou criar um começo aqui. 

379
00:16:31,655 --> 00:16:37,685
E, em seguida, inicie a instância será igual a isso. 

380
00:16:37,685 --> 00:16:39,125
Salve isso. 

381
00:16:39,125 --> 00:16:42,095
Agora, de volta ao gerente de nível,

382
00:16:42,095 --> 00:16:43,765
onde devemos colocar isso? 

383
00:16:43,760 --> 00:16:46,480
Bem, acredito que assim que
 atingimos

384
00:16:46,475 --> 00:16:50,455
ou assim que entrarmos no nível de carregamento. 

385
00:16:50,450 --> 00:16:53,590
Então, temos a escala de tempo em 0,2. 

386
00:16:53,585 --> 00:16:56,245
Vou seguir em frente e acessar

387
00:16:56,240 --> 00:17:01,410
o UI Manager, a instância. 

388
00:17:01,405 --> 00:17:04,935
E vou ir em frente e desaparecer a imagem. 

389
00:17:04,930 --> 00:17:07,000
Agora, você notará algo que

390
00:17:07,000 --> 00:17:10,470
porque dissemos a escala de tempo para 0,2,

391
00:17:10,465 --> 00:17:12,225
o desbotamento da imagem será

392
00:17:12,220 --> 00:17:14,950
mais lento do que o que temos aqui. 

393
00:17:14,950 --> 00:17:17,730
Então, vamos testar isso e ver se funciona. 

394
00:17:17,725 --> 00:17:20,325
Se você acha que é um pouco lento,

395
00:17:20,320 --> 00:17:21,640
você pode ir em frente e tornar

396
00:17:21,640 --> 00:17:23,890
o desbotamento da imagem um pouco mais lento. 

397
00:17:23,890 --> 00:17:25,500
Então lá vamos nós. 

398
00:17:25,495 --> 00:17:28,285
Começamos, corremos para cima. 

399
00:17:28,285 --> 00:17:32,815
E quando entramos neste portal aqui, lá vamos nós. 

400
00:17:32,815 --> 00:17:36,735
Estamos diminuindo a velocidade e esquecemos de adicionar um hey,

401
00:17:36,730 --> 00:17:39,190
esquecemos de adicionar a referência. 

402
00:17:39,190 --> 00:17:40,750
Você pode ver aqui o erro. 

403
00:17:40,750 --> 00:17:42,200
Se eu clicar duas vezes nele,

404
00:17:42,195 --> 00:17:45,985
você verá que a imagem de ponto do UI Manager desvanece,

405
00:17:45,980 --> 00:17:48,700
há algo errado. O que há de errado? 

406
00:17:48,695 --> 00:17:51,985
Bem, não há instância. 

407
00:17:51,980 --> 00:17:54,360
Ok, então se eu for para a tela da interface do usuário,

408
00:17:54,364 --> 00:17:57,934
notaria que nem adicionei o gerente,

409
00:17:57,935 --> 00:18:00,145
então não tenho certeza do que está sendo chamado. 

410
00:18:00,140 --> 00:18:03,160
Então, vamos arrastar o UI Manager. 

411
00:18:03,155 --> 00:18:05,485
Vamos nos certificar de que dissemos

412
00:18:05,480 --> 00:18:09,110
a imagem desvanecida e vamos aplicar as alterações. 

413
00:18:09,110 --> 00:18:12,100
Então, observe agora que a tela

414
00:18:12,095 --> 00:18:15,865
neste nível não tinha um UI Manager, certo? 

415
00:18:15,860 --> 00:18:19,780
E este é o que usamos no nível um. 

416
00:18:19,775 --> 00:18:22,235
Se eu for agora para o nível um,

417
00:18:22,235 --> 00:18:24,215
clico na tela da interface do usuário. 

418
00:18:24,214 --> 00:18:28,234
Ele tem um UI Manager e a imagem já está configurada. 

419
00:18:28,235 --> 00:18:32,725
Assim, você pode ver novamente o poder de usar aplicativos de luto. 

420
00:18:32,720 --> 00:18:34,270
Quão legal é isso? 

421
00:18:34,265 --> 00:18:37,385
Então, de volta ao nível para executar o jogo,

422
00:18:37,385 --> 00:18:40,705
nós desaparecemos. Não há mais erros. 

423
00:18:40,700 --> 00:18:43,750
Nós subimos, passamos pelo portal,

424
00:18:43,745 --> 00:18:45,445
e lá vamos nós, diminuímos a velocidade. 

425
00:18:45,440 --> 00:18:48,020
Temos esse açúcar aqui. 

426
00:18:48,020 --> 00:18:51,110
Então, houve um pequeno problema aqui. 

427
00:18:51,110 --> 00:18:53,020
Como você percebe que não
 tivemos

428
00:18:53,015 --> 00:18:55,385
tempo para desaparecer. 

429
00:18:55,385 --> 00:18:57,835
Então, vou acessar o desvanecimento

430
00:18:57,830 --> 00:19:00,910
novamente e a imagem desvanecida. 

431
00:19:00,905 --> 00:19:02,845
E onde está isso? 

432
00:19:02,840 --> 00:19:05,090
Bem, isso dependerá de quanto tempo ou

433
00:19:05,090 --> 00:19:07,610
qual é a escala de tempo que você tem aqui. 

434
00:19:07,610 --> 00:19:11,270
Então, vou fazer 0,5. Salve isso. 

435
00:19:11,270 --> 00:19:14,090
E em vez de 1,5 segundos,

436
00:19:14,090 --> 00:19:16,210
vou fazer isso por aí,

437
00:19:16,205 --> 00:19:18,955
vamos fazer isso em torno de 0,

438
00:19:18,950 --> 00:19:22,520
talvez 1 segundo ou 2,5º. 

439
00:19:22,520 --> 00:19:26,300
Digamos que seja cerca de 40 do jogo. 

440
00:19:26,300 --> 00:19:28,940
Teste, veja se temos tempo para desaparecer. 

441
00:19:28,940 --> 00:19:32,570
Então eu subo, eu me movo. 

442
00:19:32,570 --> 00:19:34,070
Lá vamos nós, desaparecemos

443
00:19:34,070 --> 00:19:36,340
completamente e depois paramos de desaparecer. 

444
00:19:36,335 --> 00:19:37,985
E muito normalmente. 

445
00:19:37,985 --> 00:19:39,355
Então, com isso feito,

446
00:19:39,350 --> 00:19:40,500
espero que você goste. 

447
00:19:40,500 --> 00:19:42,950
Vamos nos certificar de confirmar nossas alterações. 

448
00:19:42,950 --> 00:19:46,740
Etapa todos confirmam as alterações. 

449
00:19:47,230 --> 00:19:51,070
Criou uma
 imagem desvanecida

450
00:19:51,065 --> 00:19:56,845
usando você é incontável. 

451
00:19:56,840 --> 00:19:58,000
Confirme as alterações. 

452
00:19:57,995 --> 00:20:02,735
Espero que você goste e te vejo no próximo vídeo.