1
00:00:00,330 --> 00:00:07,200
Bem-vindo de volta a esta lição, nos concentraremos em adicionar o áudio para adicionar as amostras de música que tocaremos

2
00:00:07,200 --> 00:00:14,850
quando tocaremos cada tecla e também nos concentraremos em dar a cada tecla sua própria cor para que nem sempre obtenhamos essas

3
00:00:14,850 --> 00:00:20,730
laranja desaparecendo para amarelo e depois verde, mas teremos alguns que são roxos, que são azuis, como

4
00:00:20,730 --> 00:00:23,720
você pode ver aqui todas as cores diferentes.

5
00:00:24,300 --> 00:00:33,900
Mas sempre é a mesma cor para qualquer chave como H, sempre essa sugestão laranja é sempre essa, que é T

6
00:00:34,760 --> 00:00:36,980
Y e assim por diante.

7
00:00:37,250 --> 00:00:37,570
ESTÁ BEM.

8
00:00:37,590 --> 00:00:42,030
Então, para começar, descobriremos como podemos tocar um som.

9
00:00:42,030 --> 00:00:45,000
Então, como desencadeamos um som usando Hallard.

10
00:00:45,030 --> 00:00:52,800
Sim, no Hausler, é basicamente o oposto da Paperchase, na medida em que é complexa, é muito simples,

11
00:00:52,800 --> 00:00:55,250
o que o torna muito bom.

12
00:00:55,290 --> 00:01:00,390
Novamente você pode reproduzir áudio sem uma biblioteca, mas é um pouco.

13
00:01:00,390 --> 00:01:05,220
É um pouco doloroso quando você quer fazer algo como o que queremos fazer onde não estamos apenas

14
00:01:05,220 --> 00:01:10,890
tocando um som uma vez, mas eu quero ser capaz de disparar um som dez vezes seguidas, como se estivesse fazendo

15
00:01:11,280 --> 00:01:13,230
isso Por favor, eu quero ser capaz

16
00:01:16,170 --> 00:01:22,200
de fazer algo como se houvesse um pouco de trabalho envolvido para que isso realmente se comportasse da maneira que queremos.

17
00:01:22,320 --> 00:01:27,830
É realmente fácil tocar um som como tocar uma música que é realmente irritante, mas se você entrar em um site

18
00:01:27,830 --> 00:01:32,850
e há algum que você conhece algum tipo de som ou música que está jogando no fundo que é

19
00:01:32,850 --> 00:01:35,910
realmente simples de fazer com h tim owl e javascript .

20
00:01:35,910 --> 00:01:40,470
Mas para fazer algo como isso, onde podemos ter um monte de som simultâneo e podemos repetir

21
00:01:40,470 --> 00:01:44,550
coisas e isso seria muito mais fácil de usar algo como a Hallard J us.

22
00:01:44,820 --> 00:01:45,980
Então, novamente, não é impossível.

23
00:01:45,990 --> 00:01:48,630
Como qualquer coisa que uma biblioteca você pode fazer você sozinho.

24
00:01:48,810 --> 00:01:50,950
Mas nós realmente não queremos.

25
00:01:51,570 --> 00:01:56,550
Então, se dar uma olhada em como funciona, isso é tudo o que precisamos usar este pequeno

26
00:01:56,900 --> 00:01:59,110
código aqui onde criamos um novo como.

27
00:01:59,130 --> 00:02:02,800
Então, como é a coisa que estamos inicializando e sabia como.

28
00:02:02,970 --> 00:02:08,420
Então, damos uma lista de alguns URLs dos arquivos que queremos jogar.

29
00:02:08,500 --> 00:02:15,300
Então, o motivo pelo qual lhe damos uma variedade destes diferentes, você é um arquivo diferente, mesmo que eles pareçam serem

30
00:02:15,300 --> 00:02:20,490
os mesmos, são apenas tipos de arquivos diferentes e a ordem em que os colocou é

31
00:02:20,490 --> 00:02:24,330
a ordem em que o atril irá tentar e carregar eles dentro.

32
00:02:24,330 --> 00:02:29,490
tipos de arquivos que irão funcionar em todos os navegadores, alguns deles que não funcionarão em todos os navegadores.

33
00:02:29,520 --> 00:02:30,600
Então, basicamente, existem certos

34
00:02:30,600 --> 00:02:32,700
Então, você pode especificar determinados backups.

35
00:02:32,850 --> 00:02:33,680
Nós não vamos fazer isso.

36
00:02:33,690 --> 00:02:35,260
Teremos apenas um único arquivo.

37
00:02:35,340 --> 00:02:40,620
Mas se você queria ter backups basicamente da maneira que isso funciona, tanto quanto eu sei, pelo menos você

38
00:02:40,620 --> 00:02:42,590
pode ler sobre isso aqui, tenho certeza.

39
00:02:42,630 --> 00:02:48,250
Aqui vamos você ou então a fonte, você é mais para a faixa ou as faixas a serem carregadas para o som.

40
00:02:48,310 --> 00:02:49,640
Estas devem ser uma ordem de preferência.

41
00:02:49,650 --> 00:02:53,630
Howard Jasc carregará automaticamente o primeiro que é compatível com o navegador atual.

42
00:02:53,640 --> 00:02:54,760
Então, você vai.

43
00:02:54,900 --> 00:02:58,120
Poderíamos adicionar outras versões da mesma música.

44
00:02:58,140 --> 00:03:04,690
No nosso caso, a mesma amostra e holler carregariam automaticamente o primeiro compatível.

45
00:03:04,980 --> 00:03:05,680
ESTÁ BEM.

46
00:03:05,880 --> 00:03:08,690
Então, o código que precisamos é o novo Howell.

47
00:03:09,000 --> 00:03:12,050
E então você vai e é isso.

48
00:03:12,090 --> 00:03:14,340
E então, quando estamos prontos para jogar, chamamos peças.

49
00:03:14,340 --> 00:03:14,970
Você pode ver

50
00:03:18,420 --> 00:03:19,590
aqui e não vamos parar.

51
00:03:19,590 --> 00:03:20,750
Não vamos fazer uma pausa.

52
00:03:20,790 --> 00:03:23,510
Não vamos fazer um loop porque nossos sons são muito baixos.

53
00:03:23,610 --> 00:03:26,280
Então, queremos que eles joguem e deixá-los terminar.

54
00:03:26,280 --> 00:03:29,660
Cada um está em algum lugar entre meio segundo e segundo.

55
00:03:29,850 --> 00:03:35,760
Então, se você não fez isso, vá em frente e baixe esse arquivo zip que tenha todos os

56
00:03:35,760 --> 00:03:39,650
sons e arrastado para o mesmo diretório onde você escreveu seu código.

57
00:03:39,750 --> 00:03:42,700
Então, em vez de sons, temos todos esses arquivos.

58
00:03:43,620 --> 00:03:44,400
Tudo bem.

59
00:03:44,460 --> 00:03:48,090
E a próxima coisa que precisamos fazer é instalar o HAUSLER para usá-lo.

60
00:03:48,150 --> 00:03:49,500
Então você pode baixá-lo.

61
00:03:49,750 --> 00:03:52,600
Mas, por causa da variedade, usarei um CDN.

62
00:03:52,620 --> 00:03:54,990
Então, eu fiz uma pesquisa para o CD de

63
00:03:57,640 --> 00:03:58,460
howler CD, primeiro.

64
00:03:58,470 --> 00:04:02,850
Você está tudo aqui sempre pode testá-lo ver se é válido.

65
00:04:02,850 --> 00:04:03,420
Aqui vamos nós.

66
00:04:03,480 --> 00:04:05,870
Aqui está o código que é para o atril.

67
00:04:05,970 --> 00:04:06,710
Perfeito.

68
00:04:06,960 --> 00:04:08,040
Voltemos ao nosso aplicativo

69
00:04:11,460 --> 00:04:13,230
e depois vamos adicionar um script.

70
00:04:13,230 --> 00:04:19,860
Então, depois que o papel pode duplicar isso e simplesmente mudar a fonte para ser o atril que você conhece, vamos nos certificar

71
00:04:19,860 --> 00:04:22,470
de que ele seja carregado OK sem nenhum problema.

72
00:04:23,700 --> 00:04:25,090
Perfeito.

73
00:04:25,770 --> 00:04:29,330
Em seguida, vamos fazer o nosso primeiro aipo.

74
00:04:29,490 --> 00:04:32,010
Então, vamos copiar este código novamente.

75
00:04:32,040 --> 00:04:33,480
Basta pegar este primeiro

76
00:04:36,420 --> 00:04:38,930
aqui e vamos fazer isso no início.

77
00:04:39,120 --> 00:04:46,920
Então, vamos apenas fazê-lo aqui e diremos que os iguais de som da VAR sabiam como e então vamos colocar

78
00:04:46,920 --> 00:04:50,700
um único arquivo e fazer o primeiro que vemos.

79
00:04:50,700 --> 00:04:57,340
Então, Bubbles obteve MP 3, de modo que está dentro do diretório de som slash bubbles stud MP 3.

80
00:04:57,420 --> 00:04:58,390
Então soa.

81
00:04:58,440 --> 00:04:59,950
Slash bubble.

82
00:04:59,970 --> 00:05:01,530
Eu já esqueci de usar bolhas.

83
00:05:01,530 --> 00:05:01,970
Ai está.

84
00:05:02,010 --> 00:05:03,130
É pluralizado.

85
00:05:03,180 --> 00:05:04,970
Então soa como você Bubbles.

86
00:05:04,980 --> 00:05:06,900
MP 3 e isso é tudo o que precisamos.

87
00:05:07,380 --> 00:05:09,450
E não vamos jogar de imediato.

88
00:05:09,900 --> 00:05:10,960
Vamos apenas criar isso.

89
00:05:10,980 --> 00:05:12,310
Isso é tudo o que precisamos fazer.

90
00:05:12,750 --> 00:05:14,670
E então, para jogar, vamos jogar.

91
00:05:14,670 --> 00:05:23,380
Quando você pressiona uma tecla para baixo, então é um jogo de ponto de som realmente agradável e simples, vamos dar uma olhada, experimente.

92
00:05:25,480 --> 00:05:26,770
Aqui vamos nós.

93
00:05:26,800 --> 00:05:34,680
Então, cada tecla pressionando um monte de teclas diferentes agora aciona esse som, ok.

94
00:05:34,720 --> 00:05:36,220
Espero que isso não seja muito irritante.

95
00:05:36,220 --> 00:05:40,040
Então, em seguida, vamos nos concentrar em adicionar outro som.

96
00:05:40,270 --> 00:05:41,830
Então, vamos fazer duas para começar.

97
00:05:41,830 --> 00:05:42,730
Então, temos bolhas.

98
00:05:42,760 --> 00:05:54,250
Vamos fazer Clay MP3 para que possamos fazer é apenas duplicar isso e fazer um som dois é igual a

99
00:05:54,250 --> 00:05:58,490
Howell novo e vamos fazer argila e P3.

100
00:05:59,320 --> 00:06:03,510
E então, o que faremos aqui é ter uma declaração if.

101
00:06:03,580 --> 00:06:05,210
Então, vamos nos concentrar em duas chaves.

102
00:06:05,230 --> 00:06:07,610
Vamos fazer um e s.

103
00:06:07,720 --> 00:06:17,470
Então, se você pressionar uma tecla se for, então, tocaremos o som e vamos chamar um som, apenas para torná-lo

104
00:06:19,180 --> 00:06:25,150
mais claro se a chave for, você também colocou citações sobre isso.

105
00:06:25,150 --> 00:06:28,340
Então, tocaremos o som também.

106
00:06:28,390 --> 00:06:36,160
Então, para dizer qual a chave pressionada, é realmente fácil com a Paperchase que temos este objeto de evento aqui e precisamos

107
00:06:36,220 --> 00:06:39,280
fazer é uma chave de ponto de evento.

108
00:06:39,280 --> 00:06:45,360
Então, vamos apenas ler uma declaração if se evento que a chave é igual a.

109
00:06:46,540 --> 00:06:48,810
Então, vamos fazer um som de reprodução.

110
00:06:48,810 --> 00:06:56,410
Então, é uma peça de som e depois faça o mesmo.

111
00:06:56,500 --> 00:07:04,100
Se a chave de ponto de evento igual a igual a X, então, tocará o som também.

112
00:07:04,120 --> 00:07:07,190
Então toca tocar assim.

113
00:07:07,870 --> 00:07:08,740
Então podemos tentar isso.

114
00:07:08,740 --> 00:07:13,420
Então, apenas chaves e S devem desencadear coisas.

115
00:07:13,420 --> 00:07:17,710
Então, eu vou te dizer agora que estou acertando q parece que temos um erro.

116
00:07:18,280 --> 00:07:19,530
O que estamos chegando aqui.

117
00:07:19,870 --> 00:07:21,930
O som não está definido.

118
00:07:21,940 --> 00:07:26,770
Ignore estas advertências aqui por agora, vamos consertar as mesmas no final.

119
00:07:26,830 --> 00:07:31,260
É uma questão mais complexa, mas na verdade não entrará no caminho do nosso código trabalhando para começar.

120
00:07:31,450 --> 00:07:34,030
Mas isso será um erro tão bobo.

121
00:07:34,360 --> 00:07:37,790
Eu estava referenciando o som aqui.

122
00:07:37,810 --> 00:07:39,150
Já não temos som.

123
00:07:39,740 --> 00:07:40,320
ESTÁ BEM.

124
00:07:40,720 --> 00:07:42,460
Então, agora nada deve jogar.

125
00:07:42,460 --> 00:07:50,050
Quando eu toco a maioria das teclas, eu vou bater em outras K e agora tenho s.

126
00:07:50,260 --> 00:07:52,980
Então nós temos um n s.

127
00:07:53,650 --> 00:07:54,700
Perfeito.

128
00:07:54,790 --> 00:08:01,380
E o que podemos fazer também é atribuir uma cor a cada um para que possamos fazer algo assim.

129
00:08:01,420 --> 00:08:09,790
Vamos mover isso para a parte inferior da mesma chave, mas logo antes de empurrar podemos

130
00:08:09,790 --> 00:08:21,670
ter algo assim se o evento tiver uma peça que soa e podemos definir a cor do novo círculo, a cor de preenchimento

131
00:08:22,150 --> 00:08:32,210
de pontos é igual e então podemos dar uma Cor como ver 3 5 0 e depois fazer o mesmo.

132
00:08:32,230 --> 00:08:45,270
Se pressionarmos S, mas com uma cor diferente, vamos fazer 16 a 0 8 5 e então podemos ter outra coisa e espero que esteja pensando em si mesmo.

133
00:08:48,520 --> 00:08:52,460
Provavelmente não é a melhor maneira de fazer isso.

134
00:08:52,480 --> 00:08:57,890
Pode ser bom para dois e para nós, mas o que é cerca de 20 30 ou 50 chaves.

135
00:08:57,910 --> 00:09:00,530
Usamos todo o teclado e todos os caracteres diferentes.

136
00:09:00,640 --> 00:09:02,390
Isso seria um monte de código.

137
00:09:02,860 --> 00:09:05,020
Mas deixe-me mostrar-lhe agora.

138
00:09:05,140 --> 00:09:09,490
Então, indique a maioria das cores ou a maioria das teclas não reproduzem o som.

139
00:09:09,560 --> 00:09:10,830
Eles nos dão a mesma cor.

140
00:09:10,930 --> 00:09:21,500
Agora, se eu tivesse uma UPS, bati duas chaves e nos dá uma cor ligeiramente diferente, pois nos dá um azul.

141
00:09:21,820 --> 00:09:26,460
Então, é claro, a cor que eu escolhi aqui é difícil.

142
00:09:26,460 --> 00:09:29,760
É difícil de ver, deixe-me mudar as mudanças para serem roxos.

143
00:09:30,130 --> 00:09:32,650
E, tecnicamente, devemos fazer isso de outra forma.

144
00:09:32,710 --> 00:09:40,810
Se assim for, verificamos se a chave é um LCF e, se tivermos duas instruções if.

145
00:09:40,810 --> 00:09:46,960
Este será executado e, em seguida, temos outro se e se isso não for verdade, então o elso seja verdadeiro, mas não

146
00:09:46,960 --> 00:09:48,580
levará em conta que este apareça.

147
00:09:48,570 --> 00:09:54,970
Então, se nós queremos que um desses seja verdadeiro, o que é que queremos apenas uma cor azul ou laranja.

148
00:09:54,970 --> 00:09:58,570
Então queremos que eles façam parte de uma declaração if, mas isso realmente não importa, porque

149
00:09:58,570 --> 00:10:00,210
vamos mudar isso em apenas um segundo.

150
00:10:00,310 --> 00:10:02,760
Agora, nossa atualização aqui é uma chave normal.

151
00:10:02,860 --> 00:10:09,290
Eu acerta um, embora nós obtenhamos um golpe púrpura quando ficamos azuis e dois sons diferentes.

152
00:10:09,290 --> 00:10:09,820
ESTÁ BEM.

153
00:10:10,150 --> 00:10:12,170
Então é assim que usamos Hausler.

154
00:10:12,190 --> 00:10:17,940
Agora queremos fazer isso por cada chave e há uma maneira muito melhor do que o que temos aqui.

155
00:10:17,950 --> 00:10:20,190
Então, eu realmente vou me livrar de tudo

156
00:10:22,890 --> 00:10:23,880
isso porque poderíamos.

157
00:10:23,910 --> 00:10:30,240
Como mencionei anteriormente, tenha uma instrução if para cada chave se a chave for fazer isso se a chave for B e para

158
00:10:30,300 --> 00:10:31,240
cada única chave.

159
00:10:31,250 --> 00:10:33,590
Mas essa não é realmente uma boa prática.

160
00:10:33,600 --> 00:10:42,810
Então, o que faremos em vez disso é definir um objeto e chamaremos de dados-chave e é um objeto.

161
00:10:42,990 --> 00:10:44,480
E é assim que será.

162
00:10:44,580 --> 00:10:46,710
Então, teremos uma chave como a.

163
00:10:47,000 --> 00:10:57,930
E então, quando a é pressionada, diremos que a cor deve ser roxa e que o som deve ser.

164
00:10:57,930 --> 00:11:01,740
E vamos colocar tudo isso lá dentro.

165
00:11:03,030 --> 00:11:04,620
Então vou passar por um segundo.

166
00:11:04,620 --> 00:11:13,070
Deixe-me colocar isso aqui primeiro e, em seguida, podemos fazer exatamente a mesma coisa novamente para nós.

167
00:11:13,230 --> 00:11:20,100
Então, quando é pressionado, a cor deve ser verde e o som deve ser novo.

168
00:11:20,100 --> 00:11:21,420
Como vai.

169
00:11:21,540 --> 00:11:28,950
A mesma coisa que você é ou então, e vamos fazer a barra de som Clay pensou MP3 e então

170
00:11:32,610 --> 00:11:34,630
poderíamos fazer isso por cada chave.

171
00:11:34,680 --> 00:11:40,950
E sim, é uma grande sintaxe aqui, mas a vantagem é que temos um lugar para todos os nossos

172
00:11:40,960 --> 00:11:47,450
dados é definido e, então, não precisamos de uma declaração if ou em um condicional separado para cada chave.

173
00:11:47,580 --> 00:11:53,640
Tudo o que temos a fazer é levar onde você está a chave de ponto do evento que realmente se livrou.

174
00:11:53,630 --> 00:11:54,540
Leve isso aqui.

175
00:11:54,540 --> 00:11:58,390
Chave de ponto de evento, que é a chave que foi pressionada.

176
00:11:58,920 --> 00:12:04,560
E digamos que essa é a letra J.

177
00:12:04,860 --> 00:12:11,350
Se for esse o caso, basta levá-lo e conectá-lo em dados-chave e isso nos dará cor som roxo.

178
00:12:11,730 --> 00:12:12,720
É esse som.

179
00:12:12,720 --> 00:12:13,710
Então, vou mostrar o que quero dizer.

180
00:12:13,740 --> 00:12:20,910
Vamos apenas com esses dois exemplos e, para torná-lo mais óbvio, vamos adicionar mais duas

181
00:12:20,910 --> 00:12:23,000
vezes o que temos.

182
00:12:23,280 --> 00:12:26,360
Então, nós temos um n, vamos também D. D.

183
00:12:26,490 --> 00:12:33,750
E a cor pode ser muito amarela e depois som.

184
00:12:33,750 --> 00:12:34,960
O que mais nos temos.

185
00:12:35,220 --> 00:12:40,480
Vamos fazer confetes.

186
00:12:41,190 --> 00:12:42,240
Perfeito.

187
00:12:42,240 --> 00:12:43,770
Se livrar dessa vírgula.

188
00:12:43,980 --> 00:12:50,040
Podemos nos livrar disso agora e precisamos mudar isso um pouco e a

189
00:12:50,040 --> 00:12:57,690
próxima coisa a fazer é levar essa chave de pato de evento e conectá-la aos nossos dados-chave.

190
00:12:58,410 --> 00:12:59,640
Então, poderíamos fazer algo assim.

191
00:12:59,630 --> 00:13:09,480
Chave de evento de suporte de dados chave e que nos daria para se, se fosse um evento, ele nos fornece essa coisa

192
00:13:09,480 --> 00:13:15,320
toda aqui e então podemos fazer cores para que possamos começar por aí.

193
00:13:16,200 --> 00:13:24,590
Então, o que faremos é antes de pressionar o novo círculo e simplesmente diremos que a cor do preenchimento do novo círculo é igual

194
00:13:24,970 --> 00:13:28,290
à cor da chave do evento de dados chave.

195
00:13:28,350 --> 00:13:32,660
Então, apenas para reiterar a chave escura é uma carta.

196
00:13:33,300 --> 00:13:35,030
Bem, no nosso caso, teremos certeza de que é uma carta.

197
00:13:35,040 --> 00:13:39,110
Tecnicamente, pode ser um número ou guia mais variável, mas é a chave que foi pressionada.

198
00:13:39,190 --> 00:13:41,590
Em seguida, tomamos isso e conecte-o aos dados-chave.

199
00:13:41,610 --> 00:13:44,260
Recebemos tudo isso.

200
00:13:44,280 --> 00:13:50,520
Se a hora do tempo é um se o usuário pressionou um, então nós estamos fazendo cores escuras que nos dão a roxo.

201
00:13:50,520 --> 00:13:53,250
Então, estamos estabelecendo um novo círculo, mas preenchemos a cor para ser roxo.

202
00:13:53,280 --> 00:13:57,890
Se o evento Duck Key é um aviso, não temos que ter uma declaração if para fazer isso.

203
00:13:58,170 --> 00:14:03,480
Portanto, não precisamos dizer se a Turquia tem um fazer se esse evento for solicitado a fazer isso.

204
00:14:03,480 --> 00:14:04,990
Esta é a mesma linha, não importa o quê.

205
00:14:05,100 --> 00:14:11,220
Porque temos este um dicionário ou esta fonte de nossos dados definidos há um problema, é claro.

206
00:14:11,910 --> 00:14:14,170
Isso só funcionará para um S e D agora.

207
00:14:14,280 --> 00:14:18,670
Então, vou mostrar-lhe atualizar, certifique-se de que não temos erros de sintaxe.

208
00:14:18,720 --> 00:14:24,080
Nós não conseguimos ler cores ou não podemos ler um padrão indefinido e isso não é um erro de sintaxe.

209
00:14:24,210 --> 00:14:25,660
Esse é o erro que eu estou esperando.

210
00:14:25,710 --> 00:14:26,760
Então eu vou te mostrar.

211
00:14:26,850 --> 00:14:31,830
Vou pressionar uma boa pressão a ou s também são bons e D.

212
00:14:32,070 --> 00:14:35,030
Mas agora eu pressiono Q E nós temos um problema.

213
00:14:35,460 --> 00:14:41,580
E isso é porque isso é indefinido, os dados principais de Q não existem.

214
00:14:41,580 --> 00:14:43,320
Nós temos um S e D.

215
00:14:43,400 --> 00:14:45,030
Então é um problema.

216
00:14:45,030 --> 00:14:47,540
A maneira de consertar isso é simples.

217
00:14:47,550 --> 00:14:52,470
Tudo o que faremos é verificar se você faz isso aqui.

218
00:14:52,580 --> 00:15:00,840
Topo dentro dessa pressão de tecla se o evento do suporte de dados da chave Docky.

219
00:15:00,890 --> 00:15:08,390
Então lembre-se se isso é verdade. Basicamente, se ele existir, então faremos tudo isso.

220
00:15:08,760 --> 00:15:14,520
Caso contrário, se não existir, não faremos nada para começar.

221
00:15:14,740 --> 00:15:16,590
Na verdade, não vou fazer nada.

222
00:15:16,590 --> 00:15:22,500
Então, agora, nossa Apple só funciona, fará qualquer coisa ou apenas faz qualquer coisa quando você pressionar um S e D.

223
00:15:22,500 --> 00:15:26,440
Então, apenas para voltar, vamos nos certificar de que funciona agora.

224
00:15:26,490 --> 00:15:27,690
Q Nada acontece.

225
00:15:27,810 --> 00:15:29,480
Estou pressionando um monte de chaves.

226
00:15:29,610 --> 00:15:30,550
Agora eu acerta um.

227
00:15:30,600 --> 00:15:31,180
E funciona.

228
00:15:31,180 --> 00:15:34,130
S e D, mas nenhuma outra chave faz qualquer coisa.

229
00:15:34,320 --> 00:15:35,440
Ótimo.

230
00:15:35,450 --> 00:15:37,380
Então, agora vamos começar o som a tocar.

231
00:15:37,770 --> 00:15:39,200
Então, isso também é bom e simples.

232
00:15:39,210 --> 00:15:49,800
do som chave da chave de evento de dados e não tenho certeza por que eu mencionei esses dois sons que deveriam ter sido som.

233
00:15:49,800 --> 00:15:51,140
Nós só precisamos

234
00:15:51,170 --> 00:15:55,070
Lá vamos a tocar esse ponto de som.

235
00:15:55,080 --> 00:15:59,290
Lembre-se das fichas da Venki neste savey, pressione D.

236
00:15:59,430 --> 00:16:00,780
Obtemos esse objeto.

237
00:16:00,960 --> 00:16:02,400
Nós fazemos esse som nela.

238
00:16:02,430 --> 00:16:06,720
Obtemos o que então corremos, como antes.

239
00:16:07,080 --> 00:16:09,590
OK vamos dar uma chance.

240
00:16:09,890 --> 00:16:11,960
A como o.

241
00:16:12,240 --> 00:16:14,460
E as outras chaves não fazem nada.

242
00:16:14,900 --> 00:16:15,460
Perfeito.

243
00:16:15,510 --> 00:16:21,900
Então, tudo o que resta para fazer aqui é realmente apenas adicionar todas as suas outras chaves e isso seria

244
00:16:21,890 --> 00:16:25,320
muito doloroso para você observar-me digitar a partir do zero.

245
00:16:25,320 --> 00:16:29,720
Eu fiz isso pré-concluído Eu dei-lhe o arquivo no download.

246
00:16:30,060 --> 00:16:31,090
Liguei para o dia a dia.

247
00:16:31,190 --> 00:16:31,830
Sim.

248
00:16:31,860 --> 00:16:37,490
Então, se abrimos isso, é apenas um objeto gigante que possui todas as letras.

249
00:16:37,620 --> 00:16:40,110
Então, temos q w e r.

250
00:16:40,120 --> 00:16:41,570
Eles não estão realmente em nenhuma ordem.

251
00:16:41,610 --> 00:16:45,600
Bem, eles não são uma ordem particular, tanto quanto cores e sons.

252
00:16:45,720 --> 00:16:48,750
Eu simplesmente escolhi aleatoriamente e cada um deles tem uma cor.

253
00:16:49,020 --> 00:16:56,040
Então, se nós coparmos isso e substituímos o que temos aqui, certifique-se de

254
00:16:58,800 --> 00:17:01,290
chamá-lo de dados-chave perfeitos.

255
00:17:01,290 --> 00:17:11,210
Agora fornecemos este Dicionário de cores de som para cada chave, cada chave de alfabeto, pelo

256
00:17:11,220 --> 00:17:11,980
menos.

257
00:17:12,360 --> 00:17:13,460
E podemos usar isso.

258
00:17:13,500 --> 00:17:15,220
Não precisamos alterar o nosso código.

259
00:17:15,270 --> 00:17:21,410
Então, é muito bom se queremos adicionar chaves numéricas onde queremos adicionar na guia e mudar

260
00:17:21,840 --> 00:17:26,770
e escapar e qualquer outra coisa que possamos adicionar mais propriedades neste objeto.

261
00:17:26,850 --> 00:17:32,580
Então, vamos tentar fechá-lo para baixo, atualize.

262
00:17:32,580 --> 00:17:36,800
Perfeito.

263
00:17:36,840 --> 00:17:37,550
Tudo bem.

264
00:17:37,700 --> 00:17:38,880
Então não se deixe levar aqui.

265
00:17:38,900 --> 00:17:39,420
Muito divertido.

266
00:17:47,660 --> 00:17:48,100
ESTÁ BEM.

267
00:17:48,200 --> 00:17:49,100
Tudo bem, basta.

268
00:17:49,350 --> 00:17:54,720
Então, cobrimos muito, mas no final do dia, tudo o que realmente fizemos foi levar algum código que

269
00:17:55,050 --> 00:17:56,600
encontramos para fazer um círculo.

270
00:17:56,720 --> 00:18:01,650
Tomamos algum código que encontramos para animar um círculo para mudar a cor.

271
00:18:01,800 --> 00:18:03,740
Encontramos algum código para fazer eventos.

272
00:18:03,780 --> 00:18:04,960
Então, quando você pressiona uma tecla.

273
00:18:05,180 --> 00:18:09,530
E então combinamos isso com algum outro código que encontramos para tocar música.

274
00:18:09,650 --> 00:18:13,970
E quando você juntar, você pode fazer algumas coisas legais e há muito mais que você pode fazer aqui.

275
00:18:14,150 --> 00:18:16,500
E não estamos 100 por cento feitos.

276
00:18:16,500 --> 00:18:20,860
Terminamos com a funcionalidade, então não estamos adicionando novos recursos e não pareceremos diferentes.

277
00:18:21,450 --> 00:18:29,480
Mas se você abrir o console, você verá que nós obtemos tudo isso não pode carregar arquivos SML HTP solicitação de

278
00:18:29,490 --> 00:18:30,060
origem cruzada.

279
00:18:30,060 --> 00:18:31,050
Blá blá blá.

280
00:18:31,260 --> 00:18:32,750
Eu abordarei isso no próximo vídeo.

281
00:18:32,760 --> 00:18:36,590
Fale sobre por que isso está acontecendo e também como podemos consertá-lo.

282
00:18:36,680 --> 00:18:42,380
E então, a outra coisa que faremos é falar sobre uma pequena maneira de refatorar isso, porque agora

283
00:18:42,720 --> 00:18:48,420
mesmo, cada vez que pressiono, estou adicionando um novo círculo à matriz do círculo e nunca as retiro

284
00:18:48,410 --> 00:18:49,250
dessa matriz.

285
00:18:49,400 --> 00:18:53,700
Então eu posso ter 10000 lá agora.

286
00:18:53,820 --> 00:19:00,020
Bem, eu não sei, mas eu posso ter uma centena e há 200 e estamos fazendo um loop sobre isso.

287
00:19:00,060 --> 00:19:03,450
Mesmo que não vejamos os círculos porque são tão pequenos.

288
00:19:03,720 --> 00:19:07,000
Então, vamos fazer uma pequena mudança para livrar-se daqueles no próximo vídeo.

289
00:19:07,140 --> 00:19:11,550
Mas, novamente, terminamos com funcionalidades, então, se você não se importar em ver que você simplesmente gostou de fazer isso

290
00:19:11,550 --> 00:19:12,760
e você quer seguir em frente.

291
00:19:12,990 --> 00:19:14,350
Vá em frente e vá para a próxima unidade.