1
00:00:00,330 --> 00:00:07,200
Bienvenido de nuevo a esta lección, nos enfocaremos en agregar el audio para agregar las muestras de música que tocaremos

2
00:00:07,200 --> 00:00:14,850
cuando toquemos cada tecla y también nos enfocaremos en darle a cada tecla su propio color para que no siempre obtengamos estas

3
00:00:14,850 --> 00:00:20,730
naranja desvaneciéndose en amarillo y luego en verde, pero tendremos algunos que son morados algunos que son

4
00:00:20,730 --> 00:00:23,720
azules, como puede ver aquí todos los colores diferentes.

5
00:00:24,300 --> 00:00:33,900
Pero siempre es el mismo color para cualquier tecla dada, como H siempre tiene esta señal naranja, siempre es esto, es

6
00:00:34,760 --> 00:00:36,980
T Y, y así sucesivamente.

7
00:00:37,250 --> 00:00:37,570
DE ACUERDO.

8
00:00:37,590 --> 00:00:42,030
Entonces, para comenzar, simplemente descubriremos cómo podemos reproducir un sonido.

9
00:00:42,030 --> 00:00:45,000
Entonces, cómo disparamos un sonido usando Hallard.

10
00:00:45,030 --> 00:00:52,800
Sí, en el Hausler es básicamente lo contrario de Paperchase, en cuanto a su complejidad, es muy

11
00:00:52,800 --> 00:00:55,250
simple y lo hace realmente agradable.

12
00:00:55,290 --> 00:01:00,390
Nuevamente puedes reproducir audio sin una biblioteca, pero es un poco.

13
00:01:00,390 --> 00:01:05,220
Es un poco doloroso cuando quieres hacer algo como lo que queremos hacer cuando no solo

14
00:01:05,220 --> 00:01:10,890
estamos reproduciendo un sonido una vez, sino que también queremos poder emitir un sonido diez veces seguidas, digamos que

15
00:01:11,280 --> 00:01:13,230
estoy haciendo esto. Mierda, aquí quiero hacer

16
00:01:16,170 --> 00:01:22,200
algo así como que hay un poco de trabajo involucrado para hacer que realmente se comporte de la manera que queremos.

17
00:01:22,320 --> 00:01:27,830
Es muy fácil reproducir un sonido como reproducir una canción que es realmente molesto, pero si vas a un

18
00:01:27,830 --> 00:01:32,850
sitio web y hay algún tipo de sonido o canción que suena en segundo plano, es muy

19
00:01:32,850 --> 00:01:35,910
fácil de hacer con h tim owl y javascript. .

20
00:01:35,910 --> 00:01:40,470
Pero para hacer algo como esto, podemos tener un montón de sonido simultáneo y

21
00:01:40,470 --> 00:01:44,550
podemos repetir cosas, y sería mucho más fácil usar algo como Hallard Jus.

22
00:01:44,820 --> 00:01:45,980
Así que de nuevo no es imposible.

23
00:01:45,990 --> 00:01:48,630
Como cualquier cosa que haga una biblioteca, puede hacerlo usted mismo.

24
00:01:48,810 --> 00:01:50,950
Pero no queremos realmente.

25
00:01:51,570 --> 00:01:56,550
Entonces, si echamos un vistazo a cómo funciona, esto es todo lo que necesitaremos para usar este

26
00:01:56,900 --> 00:01:59,110
pequeño código aquí donde creamos un nuevo cómo.

27
00:01:59,130 --> 00:02:02,800
Entonces, ¿cómo es lo que estamos inicializando y sabíamos cómo hacerlo?

28
00:02:02,970 --> 00:02:08,420
Luego le damos una lista de algunas URL de los archivos que queremos reproducir.

29
00:02:08,500 --> 00:02:15,300
Entonces, la razón por la que le damos una variedad de estos diferentes archivos es diferente, aunque parezca que

30
00:02:15,300 --> 00:02:20,490
son lo mismo, son solo tipos de archivos diferentes y el orden en que los

31
00:02:20,490 --> 00:02:24,330
pones es el orden que el aullador intentará cargar. ellos en.

32
00:02:24,330 --> 00:02:29,490
de archivos que funcionarán en todos los navegadores, algunos de ellos que no funcionarán en todos los navegadores.

33
00:02:29,520 --> 00:02:30,600
Básicamente, existen ciertos tipos

34
00:02:30,600 --> 00:02:32,700
Entonces puedes especificar ciertas copias de seguridad.

35
00:02:32,850 --> 00:02:33,680
No vamos a hacer eso.

36
00:02:33,690 --> 00:02:35,260
Tendremos un solo archivo.

37
00:02:35,340 --> 00:02:40,620
Pero si quieres tener copias de seguridad básicamente de la manera en que eso funciona hasta donde yo sé, al

38
00:02:40,620 --> 00:02:42,590
menos puedes leer sobre esto aquí, estoy seguro.

39
00:02:42,630 --> 00:02:48,250
Aquí vamos a ti o la fuente que eres más a la pista o pistas que se cargarán para el sonido.

40
00:02:48,310 --> 00:02:49,640
Estos deberían ser un orden de preferencia.

41
00:02:49,650 --> 00:02:53,630
Howard Jasc cargará automáticamente el primero que sea compatible con el navegador actual.

42
00:02:53,640 --> 00:02:54,760
Ahí vas.

43
00:02:54,900 --> 00:02:58,120
Podríamos agregar en otras versiones de la misma canción.

44
00:02:58,140 --> 00:03:04,690
En nuestro caso, la misma muestra y holler cargarían automáticamente el primero que sea compatible.

45
00:03:04,980 --> 00:03:05,680
DE ACUERDO.

46
00:03:05,880 --> 00:03:08,690
Entonces el código que necesitamos es nuevo Howell.

47
00:03:09,000 --> 00:03:12,050
Y luego vas y eso es todo.

48
00:03:12,090 --> 00:03:14,340
Y luego, cuando estamos listos para jugar, solo llamamos a las jugadas.

49
00:03:14,340 --> 00:03:14,970
Puedes ver

50
00:03:18,420 --> 00:03:19,590
aquí y no lo detendremos.

51
00:03:19,590 --> 00:03:20,750
No nos estaremos pausando.

52
00:03:20,790 --> 00:03:23,510
No haremos bucles porque nuestros sonidos son muy cortos.

53
00:03:23,610 --> 00:03:26,280
Así que solo queremos que jueguen y dejar que terminen.

54
00:03:26,280 --> 00:03:29,660
Cada uno tiene aproximadamente entre medio segundo y un segundo.

55
00:03:29,850 --> 00:03:35,760
Entonces, si aún no lo ha hecho, continúe y descargue ese archivo comprimido que tiene todos los sonidos

56
00:03:35,760 --> 00:03:39,650
y los arrastró al mismo directorio donde ha estado escribiendo su código.

57
00:03:39,750 --> 00:03:42,700
Entonces, en lugar de sonidos, tenemos todos estos archivos.

58
00:03:43,620 --> 00:03:44,400
Todo bien.

59
00:03:44,460 --> 00:03:48,090
Y lo siguiente que tenemos que hacer es instalar HAUSLER para poder usarlo.

60
00:03:48,150 --> 00:03:49,500
Entonces puedes descargarlo.

61
00:03:49,750 --> 00:03:52,600
Pero solo por variedad, usaré un CDN.

62
00:03:52,620 --> 00:03:54,990
Así que acabo de hacer una búsqueda de Howler CDN

63
00:03:57,640 --> 00:03:58,460
copie esto primero.

64
00:03:58,470 --> 00:04:02,850
Todos ustedes están aquí, siempre pueden probarlo para ver si es válido.

65
00:04:02,850 --> 00:04:03,420
Aquí vamos.

66
00:04:03,480 --> 00:04:05,870
Aquí está el código que es para Howler.

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

68
00:04:06,960 --> 00:04:08,040
Volvamos a nuestra

69
00:04:11,460 --> 00:04:13,230
aplicación y luego agregaremos un guión.

70
00:04:13,230 --> 00:04:19,860
Entonces, después de que el papel puede duplicar eso y simplemente cambiar la fuente para que sea el aullador, usted sabe, asegurémonos

71
00:04:19,860 --> 00:04:22,470
de que se carga correctamente sin ningún problema.

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

73
00:04:25,770 --> 00:04:29,330
A continuación, hagamos nuestro primer aullido.

74
00:04:29,490 --> 00:04:32,010
Copiemos este código nuevamente de hower.

75
00:04:32,040 --> 00:04:33,480
Solo toma el

76
00:04:36,420 --> 00:04:38,930
primero aquí y hagámoslo arriba.

77
00:04:39,120 --> 00:04:46,920
Así que lo haremos justo aquí y diremos que el sonido de VAR es igual a cómo lo sabíamos y luego

78
00:04:46,920 --> 00:04:50,700
pondremos un solo archivo y haremos el primero que veamos.

79
00:04:50,700 --> 00:04:57,340
Así que Bubbles obtuvo MP 3 por lo que está dentro del directorio de sonido slash bubbles stud MP 3.

80
00:04:57,420 --> 00:04:58,390
Así que suena.

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

82
00:04:59,970 --> 00:05:01,530
Ya olvidé usar burbujas.

83
00:05:01,530 --> 00:05:01,970
Ahí tienes.

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

85
00:05:03,180 --> 00:05:04,970
Así que suena como tu Bubbles.

86
00:05:04,980 --> 00:05:06,900
MP 3 y eso es todo lo que necesitamos.

87
00:05:07,380 --> 00:05:09,450
Y no juguemos de inmediato.

88
00:05:09,900 --> 00:05:10,960
Vamos a crear eso.

89
00:05:10,980 --> 00:05:12,310
Eso es todo lo que tenemos que hacer.

90
00:05:12,750 --> 00:05:14,670
Y luego para jugarlo, simplemente jugamos.

91
00:05:14,670 --> 00:05:23,380
Cuando presionas una tecla para que el sonido suene realmente bien, echemos un vistazo, pruébalo.

92
00:05:25,480 --> 00:05:26,770
Aquí vamos.

93
00:05:26,800 --> 00:05:34,680
Así que cada tecla presionando un montón de teclas diferentes ahora activa ese sonido.

94
00:05:34,720 --> 00:05:36,220
Afortunadamente eso no fue demasiado molesto.

95
00:05:36,220 --> 00:05:40,040
Entonces, vamos a concentrarnos en agregar otro sonido.

96
00:05:40,270 --> 00:05:41,830
Así que haremos dos para comenzar.

97
00:05:41,830 --> 00:05:42,730
Entonces tenemos burbujas.

98
00:05:42,760 --> 00:05:54,250
Hagamos Clay MP3 para que podamos hacer solo duplicar esto y hacer un sonido igual al nuevo Howell

99
00:05:54,250 --> 00:05:58,490
y haremos sound slash clay y P3.

100
00:05:59,320 --> 00:06:03,510
Y luego, lo que haremos aquí es tener una declaración if.

101
00:06:03,580 --> 00:06:05,210
Así que centrémonos en dos claves.

102
00:06:05,230 --> 00:06:07,610
Vamos a hacer a y s.

103
00:06:07,720 --> 00:06:17,470
Entonces, si presiona a si la tecla es a, entonces reproduciremos el sonido y vamos a llamarlo sonido solo para

104
00:06:19,180 --> 00:06:25,150
aclararlo si la clave es s, también puede poner comillas alrededor de esto.

105
00:06:25,150 --> 00:06:28,340
Entonces jugaremos sonido también.

106
00:06:28,390 --> 00:06:36,160
Entonces, para saber qué tecla se presionó, es muy fácil con Paperchase tener aquí este evento y lo que

107
00:06:36,220 --> 00:06:39,280
debemos hacer es marcar la tecla de evento.

108
00:06:39,280 --> 00:06:45,360
Entonces, simplemente leeremos una instrucción if si el evento de esa clave es igual a a.

109
00:06:46,540 --> 00:06:48,810
Luego haremos un sonido de reproducción uno.

110
00:06:48,810 --> 00:06:56,410
Entonces suena una jugada y luego haces lo mismo.

111
00:06:56,500 --> 00:07:04,100
Si la tecla de punto del evento es igual a X, también reproducirá el sonido.

112
00:07:04,120 --> 00:07:07,190
Así que suena para jugar así.

113
00:07:07,870 --> 00:07:08,740
Entonces podemos probar eso.

114
00:07:08,740 --> 00:07:13,420
Entonces solo las teclas y S deberían disparar cosas.

115
00:07:13,420 --> 00:07:17,710
Así que te diré que en este momento estoy golpeando q parece que tenemos un error.

116
00:07:18,280 --> 00:07:19,530
¿Qué estamos recibiendo aquí?

117
00:07:19,870 --> 00:07:21,930
El sonido no está definido.

118
00:07:21,940 --> 00:07:26,770
Ignora estas advertencias aquí por ahora las repararemos al final.

119
00:07:26,830 --> 00:07:31,260
Es un problema más complejo, pero en realidad no obstaculizará el inicio de nuestro código.

120
00:07:31,450 --> 00:07:34,030
Pero esto será un error tan tonto.

121
00:07:34,360 --> 00:07:37,790
Estaba haciendo referencia al sonido aquí mismo.

122
00:07:37,810 --> 00:07:39,150
Ya no tenemos sonido.

123
00:07:39,740 --> 00:07:40,320
DE ACUERDO.

124
00:07:40,720 --> 00:07:42,460
Entonces ahora nada debería jugar.

125
00:07:42,460 --> 00:07:50,050
Cuando toco la mayoría de las teclas, presionaré otras K y ahora tengo s.

126
00:07:50,260 --> 00:07:52,980
Entonces tenemos un n s.

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

128
00:07:54,790 --> 00:08:01,380
Y lo que podríamos hacer es asignarle un color a cada uno para que podamos hacer algo como esto.

129
00:08:01,420 --> 00:08:09,790
Vamos a mover esto a la parte inferior de la misma tecla, pero justo antes de presionar

130
00:08:09,790 --> 00:08:21,670
podemos tener algo como esto si el evento tiene un sonido play y podemos establecer el color del nuevo círculo de relleno de puntos

131
00:08:22,150 --> 00:08:32,210
de color igual y luego podemos darle un color como para ver 3 5 0 y luego hacer lo mismo.

132
00:08:32,230 --> 00:08:45,270
Si presionamos S pero con un color diferente, hagamos 16 a 0 8 5 y luego podemos tener otro y esperamos que piense para sí mismo. Probablemente

133
00:08:48,520 --> 00:08:52,460
esta no sea la mejor manera de hacerlo.

134
00:08:52,480 --> 00:08:57,890
Podría estar bien para dos y nosotros, pero ¿qué pasa con 20 30 o 50 teclas.

135
00:08:57,910 --> 00:09:00,530
Usamos todo el teclado y todos los diferentes personajes.

136
00:09:00,640 --> 00:09:02,390
Eso sería mucho código.

137
00:09:02,860 --> 00:09:05,020
Pero déjame mostrarte ahora mismo.

138
00:09:05,140 --> 00:09:09,490
Así que cue la mayoría de los colores o la mayoría de las teclas no reproducen sonido.

139
00:09:09,560 --> 00:09:10,830
Nos dan el mismo color.

140
00:09:10,930 --> 00:09:21,500
Ahora si tuviera un UPS, presioné dos teclas y nos da un color ligeramente diferente, lo que nos da un azul.

141
00:09:21,820 --> 00:09:26,460
Así que, por supuesto, el color que elegí aquí es difícil.

142
00:09:26,460 --> 00:09:29,760
Es difícil de ver, déjame cambiar los cambios para que sean de color púrpura.

143
00:09:30,130 --> 00:09:32,650
Y técnicamente deberíamos hacer esto otro.

144
00:09:32,710 --> 00:09:40,810
Si es así, comprobaremos si la clave es un LCF y si tenemos dos declaraciones if.

145
00:09:40,810 --> 00:09:46,960
Este se ejecutará y luego tenemos otro si, y si eso no es cierto, entonces el elo será verdadero, pero no

146
00:09:46,960 --> 00:09:48,580
tendrá en cuenta que este aparezca.

147
00:09:48,570 --> 00:09:54,970
Entonces, si solo queremos que uno de estos sea cierto, solo queremos un color azul púrpura o naranja.

148
00:09:54,970 --> 00:09:58,570
Entonces queremos que sean parte de una declaración if, pero en realidad no importa porque vamos

149
00:09:58,570 --> 00:10:00,210
a cambiar esto en solo un segundo.

150
00:10:00,310 --> 00:10:02,760
Ahora nuestra actualización aquí es teclas normales.

151
00:10:02,860 --> 00:10:09,290
Golpeé aunque recibimos un golpe violeta a medida que obtenemos el azul y dos sonidos diferentes.

152
00:10:09,290 --> 00:10:09,820
DE ACUERDO.

153
00:10:10,150 --> 00:10:12,170
Así que así es como usamos Hausler.

154
00:10:12,190 --> 00:10:17,940
Ahora queremos hacer esto para cada clave y hay una manera mucho mejor que la que tenemos aquí.

155
00:10:17,950 --> 00:10:20,190
Así que en realidad voy a deshacerme de

156
00:10:22,890 --> 00:10:23,880
todo esto porque podríamos.

157
00:10:23,910 --> 00:10:30,240
Como mencioné anteriormente, tengo una declaración if para cada tecla individual si la tecla es a, haz esto si la tecla es B y

158
00:10:30,300 --> 00:10:31,240
para cada tecla.

159
00:10:31,250 --> 00:10:33,590
Pero eso no es una buena práctica.

160
00:10:33,600 --> 00:10:42,810
Entonces, lo que haremos será definir un objeto y lo llamaremos datos clave y es un objeto.

161
00:10:42,990 --> 00:10:44,480
Y así es como se verá.

162
00:10:44,580 --> 00:10:46,710
Entonces tendremos una clave como a.

163
00:10:47,000 --> 00:10:57,930
Y luego, cuando se presiona a, diremos que el color debe ser púrpura y ese sonido debería ser.

164
00:10:57,930 --> 00:11:01,740
Y pongamos todo esto ahí.

165
00:11:03,030 --> 00:11:04,620
Así que voy a repasar esto en solo un segundo.

166
00:11:04,620 --> 00:11:13,070
Déjame poner esto aquí primero y luego podemos hacer exactamente lo mismo otra vez por nosotros.

167
00:11:13,230 --> 00:11:20,100
Entonces, cuando se presiona el color debe ser verde y el sonido debe ser nuevo.

168
00:11:20,100 --> 00:11:21,420
¿Cómo lo hará?

169
00:11:21,540 --> 00:11:28,950
Lo mismo que tú o, si no, hagamos slash. Clay pensó MP3 y luego podríamos hacer

170
00:11:32,610 --> 00:11:34,630
eso con cada tecla.

171
00:11:34,680 --> 00:11:40,950
Y sí, aquí hay mucha sintaxis, pero la ventaja es que tenemos un lugar para todos nuestros

172
00:11:40,960 --> 00:11:47,450
datos y, por lo tanto, no necesitamos una instrucción if o un condicional independiente para cada clave.

173
00:11:47,580 --> 00:11:53,640
Todo lo que tenemos que hacer es tomar el lugar donde se encuentra la tecla de punto del evento que en realidad se eliminó.

174
00:11:53,630 --> 00:11:54,540
Toma esto aquí mismo.

175
00:11:54,540 --> 00:11:58,390
La tecla de punto del evento que es la tecla que se presionó.

176
00:11:58,920 --> 00:12:04,560
Y digamos que esa es la letra J.

177
00:12:04,860 --> 00:12:11,350
Si ese es el caso, simplemente lo tomamos y lo conectamos a los datos clave y eso nos dará un sonido de color púrpura.

178
00:12:11,730 --> 00:12:12,720
Es este sonido

179
00:12:12,720 --> 00:12:13,710
Entonces te mostraré lo que quiero decir.

180
00:12:13,740 --> 00:12:20,910
Vayamos con estos dos ejemplos y para hacerlo más obvio, agreguemos un duplicado más

181
00:12:20,910 --> 00:12:23,000
de lo que tenemos.

182
00:12:23,280 --> 00:12:26,360
Así que tenemos un ns también vamos a hacer D.

183
00:12:26,490 --> 00:12:33,750
Y el color puede ser demasiado amarillo y luego sonar.

184
00:12:33,750 --> 00:12:34,960
Qué más tenemos.

185
00:12:35,220 --> 00:12:40,480
Hagamos confeti.

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

187
00:12:42,240 --> 00:12:43,770
Deshazte de esta coma final.

188
00:12:43,980 --> 00:12:50,040
Podemos deshacernos de esto ahora y necesitaremos cambiar esto un poco y lo

189
00:12:50,040 --> 00:12:57,690
siguiente que hará será tomar esa clave de pato de evento y conectarla a nuestros datos clave.

190
00:12:58,410 --> 00:12:59,640
Entonces podríamos hacer algo como esto.

191
00:12:59,630 --> 00:13:09,480
Clave clave del evento clave de datos y que nos daría si fuera un evento, él nos da todo esto

192
00:13:09,480 --> 00:13:15,320
aquí y luego podemos hacer el color para que podamos comenzar allí.

193
00:13:16,200 --> 00:13:24,590
Entonces, lo que haremos es antes de empujar el nuevo círculo y simplemente diremos que el nuevo color de relleno del círculo equivale al

194
00:13:24,970 --> 00:13:28,290
color de la clave del evento de datos clave.

195
00:13:28,350 --> 00:13:32,660
Entonces, solo para reiterar que la clave oscura es una letra.

196
00:13:33,300 --> 00:13:35,030
Bueno, en nuestro caso nos aseguraremos de que sea una carta.

197
00:13:35,040 --> 00:13:39,110
Técnicamente podría ser un número o una pestaña más variable, pero es la tecla que se presionó.

198
00:13:39,190 --> 00:13:41,590
Luego tomamos eso y lo conectamos a datos clave.

199
00:13:41,610 --> 00:13:44,260
Nosotros sacamos todo esto.

200
00:13:44,280 --> 00:13:50,520
Si la clave de evento es una si el usuario presionó a, entonces estamos haciendo un color oscuro que nos da color púrpura.

201
00:13:50,520 --> 00:13:53,250
Entonces, estamos configurando un nuevo círculo, pero el color de relleno es de color púrpura.

202
00:13:53,280 --> 00:13:57,890
Si el evento Duck Key es un aviso, no es necesario que tengamos una declaración if para hacer eso.

203
00:13:58,170 --> 00:14:03,480
Entonces, no tenemos que decir si Turquía tiene que hacer esto si se solicita que la clave haga esto.

204
00:14:03,480 --> 00:14:04,990
Esta es la misma línea sin importar qué.

205
00:14:05,100 --> 00:14:11,220
Debido a que tenemos este diccionario o esta fuente única de nuestros datos definidos, hay un problema, por supuesto.

206
00:14:11,910 --> 00:14:14,170
Esto solo funcionará para un S y D ahora mismo.

207
00:14:14,280 --> 00:14:18,670
Por lo tanto, le mostraré una actualización para asegurarse de que no tengamos ningún error de sintaxis.

208
00:14:18,720 --> 00:14:24,080
No podemos leer el color o no podemos leer el color correctamente indefinido y eso no es un error de sintaxis.

209
00:14:24,210 --> 00:14:25,660
Ese es el error que estoy esperando.

210
00:14:25,710 --> 00:14:26,760
Así que te mostraré.

211
00:14:26,850 --> 00:14:31,830
Voy a presionar una buena prensa a o s también son buenas y D.

212
00:14:32,070 --> 00:14:35,030
Pero ahora presiono Q y tenemos un problema.

213
00:14:35,460 --> 00:14:41,580
Y eso es porque esto no está definido. Los datos clave de Q no existen.

214
00:14:41,580 --> 00:14:43,320
Tenemos un S y un D.

215
00:14:43,400 --> 00:14:45,030
Entonces eso es un problema.

216
00:14:45,030 --> 00:14:47,540
La forma de arreglar eso es simple.

217
00:14:47,550 --> 00:14:52,470
Todo lo que haremos es verificar si haces esto aquí mismo.

218
00:14:52,580 --> 00:15:00,840
Arriba dentro de esa tecla presiona si el evento clave de datos de la consola Docky.

219
00:15:00,890 --> 00:15:08,390
Así que recuerda si esto es verdad. Básicamente si existe entonces haremos todo esto.

220
00:15:08,760 --> 00:15:14,520
De lo contrario, si no existe, no haremos nada para comenzar.

221
00:15:14,740 --> 00:15:16,590
De hecho, no haré nada en absoluto.

222
00:15:16,590 --> 00:15:22,500
Entonces, en este momento, nuestro único trabajo de Apple hará cualquier cosa o solo hará algo al presionar un S y un D.

223
00:15:22,500 --> 00:15:26,440
Así que solo para volver atrás, asegurémonos de que eso funcione ahora.

224
00:15:26,490 --> 00:15:27,690
Q no pasa nada

225
00:15:27,810 --> 00:15:29,480
Estoy presionando un montón de teclas.

226
00:15:29,610 --> 00:15:30,550
Ahora golpeé a.

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

228
00:15:31,180 --> 00:15:34,130
S y D pero ninguna otra tecla hace nada.

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

230
00:15:35,450 --> 00:15:37,380
Así que ahora vamos a tener el sonido para jugar.

231
00:15:37,770 --> 00:15:39,200
Entonces eso también es bueno y simple.

232
00:15:39,210 --> 00:15:49,800
sonido de clave de evento de datos clave y no estoy seguro de por qué llamé a estos dos sonidos que deberían haber sido el sonido.

233
00:15:49,800 --> 00:15:51,140
Solo necesitamos el

234
00:15:51,170 --> 00:15:55,070
Ahí vamos ese sonido dot play.

235
00:15:55,080 --> 00:15:59,290
Recuerda los enchufes de Venki en esta prensa de savey D.

236
00:15:59,430 --> 00:16:00,780
Obtenemos este objeto.

237
00:16:00,960 --> 00:16:02,400
Nosotros damos sonido en eso.

238
00:16:02,430 --> 00:16:06,720
Obtenemos esto que luego ejecutamos justo como antes.

239
00:16:07,080 --> 00:16:09,590
OK, demos una oportunidad.

240
00:16:09,890 --> 00:16:11,960
A Como el.

241
00:16:12,240 --> 00:16:14,460
Y las otras teclas no hacen nada.

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

243
00:16:15,510 --> 00:16:21,900
Así que todo lo que tenemos que hacer aquí es agregar todas sus otras claves y

244
00:16:21,890 --> 00:16:25,320
sería realmente doloroso para mí verme escribir desde cero.

245
00:16:25,320 --> 00:16:29,720
Tengo ese pre-hecho. Te di el archivo en la descarga.

246
00:16:30,060 --> 00:16:31,090
Lo llamé día a día.

247
00:16:31,190 --> 00:16:31,830
Sí.

248
00:16:31,860 --> 00:16:37,490
Entonces, si abrimos eso, es solo un objeto gigante que tiene todas las teclas de letras.

249
00:16:37,620 --> 00:16:40,110
Entonces tenemos q w e r.

250
00:16:40,120 --> 00:16:41,570
En realidad no están en ningún orden.

251
00:16:41,610 --> 00:16:45,600
Bueno, no son sino un orden particular en cuanto a colores y sonidos.

252
00:16:45,720 --> 00:16:48,750
Escogí algunos al azar y cada uno tiene un color.

253
00:16:49,020 --> 00:16:56,040
Entonces, si copiamos esto y reemplazamos lo que tenemos aquí, asegúrese de que

254
00:16:58,800 --> 00:17:01,290
lo llamemos datos clave perfectos.

255
00:17:01,290 --> 00:17:11,210
Ahora hemos proporcionado este diccionario de colores de sonido para cada tecla, al menos cada tecla del

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

257
00:17:12,360 --> 00:17:13,460
Y podemos usar eso.

258
00:17:13,500 --> 00:17:15,220
No tenemos que cambiar nuestro código en absoluto.

259
00:17:15,270 --> 00:17:21,410
Por lo tanto, es muy bueno si queremos agregar las teclas numéricas a las que queremos agregar en la pestaña y

260
00:17:21,840 --> 00:17:26,770
cambiar y escapar, y lo que sea que acabamos de agregar, agrega propiedades adicionales en este objeto.

261
00:17:26,850 --> 00:17:32,580
Así que probémoslo, cierre la actualización.

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

263
00:17:36,840 --> 00:17:37,550
Todo bien.

264
00:17:37,700 --> 00:17:38,880
Así que no te dejes llevar aquí.

265
00:17:38,900 --> 00:17:39,420
Bastante divertido sin embargo.

266
00:17:47,660 --> 00:17:48,100
DE ACUERDO.

267
00:17:48,200 --> 00:17:49,100
De acuerdo, eso es suficiente.

268
00:17:49,350 --> 00:17:54,720
Así que cubrimos mucho, pero al final del día, lo único que hicimos fue tomar un código que

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

270
00:17:56,720 --> 00:18:01,650
Tomamos un código que encontramos para animar un círculo para cambiar el color.

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

272
00:18:03,780 --> 00:18:04,960
Entonces cuando presionas una tecla.

273
00:18:05,180 --> 00:18:09,530
Y luego combinamos eso con algún otro código que encontramos para reproducir algo de música.

274
00:18:09,650 --> 00:18:13,970
Y cuando lo juntas puedes hacer algunas cosas interesantes y hay mucho más que puedes hacer aquí.

275
00:18:14,150 --> 00:18:16,500
Y no estamos completos al 100%.

276
00:18:16,500 --> 00:18:20,860
Hemos terminado con la funcionalidad, por lo que no agregaremos nuevas funciones y no se verá diferente.

277
00:18:21,450 --> 00:18:29,480
Pero si abres la consola verás que obtenemos todos estos no se pueden cargar los archivos SML solicitud HTP cruz

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

279
00:18:30,060 --> 00:18:31,050
Bla, bla, bla.

280
00:18:31,260 --> 00:18:32,750
Lo cubriré en el próximo video.

281
00:18:32,760 --> 00:18:36,590
Habla sobre por qué está sucediendo y también cómo podemos solucionarlo.

282
00:18:36,680 --> 00:18:42,380
Y luego, lo otro que haremos es hablar de una pequeña forma de refactorizar esto porque ahora

283
00:18:42,720 --> 00:18:48,420
cada vez que presiono, agrego un nuevo círculo a la matriz del círculo y nunca los eliminaré

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

285
00:18:49,400 --> 00:18:53,700
Entonces podría tener 10000 allí ahora.

286
00:18:53,820 --> 00:19:00,020
Bueno, yo no, pero podría tener cien y hay 200 y estamos dando vueltas sobre todo eso.

287
00:19:00,060 --> 00:19:03,450
Incluso si no vemos los círculos porque son muy pequeños.

288
00:19:03,720 --> 00:19:07,000
Así que haremos un pequeño cambio para deshacernos de ellos en el próximo video.

289
00:19:07,140 --> 00:19:11,550
Pero nuevamente hemos terminado con la funcionalidad así que si no te importa ver que te gusta hacer

290
00:19:11,550 --> 00:19:12,760
esto y quieres seguir adelante.

291
00:19:12,990 --> 00:19:14,350
Continúa y pasa a la siguiente unidad.