1
00:00:00,330 --> 00:00:07,200
Bentornata in questa lezione ci concentreremo sull'aggiunta dell'audio, aggiungendo così gli esempi musicali che suoneremo quando colpiremo ciascun tasto

2
00:00:07,200 --> 00:00:14,850
e ci concentreremo anche sul dare a ciascun tasto il proprio colore in modo da non ottenere sempre questi arancione sbiadendo

3
00:00:14,850 --> 00:00:20,730
al giallo e poi al verde ma ne avremo alcuni che sono viola alcuni che sono

4
00:00:20,730 --> 00:00:23,720
blu come potete vedere qui tutti i diversi colori.

5
00:00:24,300 --> 00:00:33,900
Ma è sempre lo stesso colore per ogni dato tasto come H ha sempre questa stecca arancione è sempre questa che è

6
00:00:34,760 --> 00:00:36,980
T Y e così via.

7
00:00:37,250 --> 00:00:37,570
OK.

8
00:00:37,590 --> 00:00:42,030
Quindi, per iniziare, capiremo come possiamo suonare un suono.

9
00:00:42,030 --> 00:00:45,000
Quindi, solo come attiviamo un suono usando Hallard.

10
00:00:45,030 --> 00:00:52,800
Sì in Hausler è sostanzialmente l'opposto di Paperchase, per quanto la sua complessità sia davvero molto semplice,

11
00:00:52,800 --> 00:00:55,250
il che lo rende davvero piacevole.

12
00:00:55,290 --> 00:01:00,390
Ancora una volta è possibile riprodurre audio senza una libreria, ma è un po '.

13
00:01:00,390 --> 00:01:05,220
È un po 'doloroso quando vuoi fare qualcosa di simile a quello che vogliamo fare dove non suoniamo un

14
00:01:05,220 --> 00:01:10,890
solo suono una volta ma voglio essere in grado di far scattare un suono dieci volte di seguito come se dicessi che

15
00:01:11,280 --> 00:01:13,230
sto facendo questo merda qui voglio essere in

16
00:01:16,170 --> 00:01:22,200
grado di fare qualcosa di simile c'è un po 'di lavoro nel fare in modo che si comportino nel modo in cui lo vogliamo.

17
00:01:22,320 --> 00:01:27,830
È davvero facile suonare un suono come suonare una canzone che è davvero fastidioso, ma se vai su un

18
00:01:27,830 --> 00:01:32,850
sito Web e c'è qualcuno che conosci una sorta di suono o canzone in sottofondo che è

19
00:01:32,850 --> 00:01:35,910
davvero semplice da fare con h o gufo e javascript .

20
00:01:35,910 --> 00:01:40,470
Ma per fare qualcosa di simile in cui possiamo avere un sacco di suoni simultanei e

21
00:01:40,470 --> 00:01:44,550
possiamo ripetere le cose e sarebbe molto più facile usare qualcosa come Hallard J us.

22
00:01:44,820 --> 00:01:45,980
Quindi di nuovo non impossibile.

23
00:01:45,990 --> 00:01:48,630
Come qualsiasi cosa che una biblioteca ti può fare da solo.

24
00:01:48,810 --> 00:01:50,950
Ma non vorremmo davvero.

25
00:01:51,570 --> 00:01:56,550
Quindi se diamo un'occhiata a come funziona questo è tutto ciò di cui avremo bisogno per usare questo piccolo bit

26
00:01:56,900 --> 00:01:59,110
di codice qui dove ne creiamo un nuovo come.

27
00:01:59,130 --> 00:02:02,800
Quindi, come è la cosa che stiamo inizializzando e sapevamo come.

28
00:02:02,970 --> 00:02:08,420
Poi gli forniamo un elenco di alcuni URL dei file che vogliamo riprodurre.

29
00:02:08,500 --> 00:02:15,300
Quindi, la ragione per cui gli diamo una serie di questi diversi sei diversi file anche se

30
00:02:15,300 --> 00:02:20,490
sembrano uguali sono solo diversi tipi di file e l'ordine in cui li

31
00:02:20,490 --> 00:02:24,330
metti è l'ordine che l'howler proverà e caricherà Loro dentro.

32
00:02:24,330 --> 00:02:29,490
alcuni tipi di file che funzioneranno in ogni browser, alcuni dei quali non funzioneranno in tutti i browser.

33
00:02:29,520 --> 00:02:30,600
Quindi fondamentalmente ci sono

34
00:02:30,600 --> 00:02:32,700
Quindi è possibile specificare alcuni backup.

35
00:02:32,850 --> 00:02:33,680
Non lo faremo.

36
00:02:33,690 --> 00:02:35,260
Avremo solo un singolo file.

37
00:02:35,340 --> 00:02:40,620
Ma se volessi avere dei backup fondamentalmente nel modo in cui funziona per quanto ne so,

38
00:02:40,620 --> 00:02:42,590
puoi leggerlo qui ne sono certo.

39
00:02:42,630 --> 00:02:48,250
Qui andiamo tu o la fonte che stai facendo per la traccia o le tracce da caricare per il suono.

40
00:02:48,310 --> 00:02:49,640
Questi dovrebbero essere un ordine di preferenza.

41
00:02:49,650 --> 00:02:53,630
Howard Jasc caricherà automaticamente il primo compatibile con il browser corrente.

42
00:02:53,640 --> 00:02:54,760
Quindi eccoti.

43
00:02:54,900 --> 00:02:58,120
Potremmo aggiungere altre versioni della stessa canzone.

44
00:02:58,140 --> 00:03:04,690
Nel nostro caso lo stesso campione e holler caricheranno automaticamente il primo compatibile.

45
00:03:04,980 --> 00:03:05,680
OK.

46
00:03:05,880 --> 00:03:08,690
Quindi il codice che ci serve è il nuovo Howell.

47
00:03:09,000 --> 00:03:12,050
E poi vai e basta.

48
00:03:12,090 --> 00:03:14,340
E poi, quando siamo pronti per giocare, chiamiamo solo giochi.

49
00:03:14,340 --> 00:03:14,970
Puoi vedere

50
00:03:18,420 --> 00:03:19,590
qui e non lo fermeremo.

51
00:03:19,590 --> 00:03:20,750
Non faremo una pausa.

52
00:03:20,790 --> 00:03:23,510
Non andremo in loop perché i nostri suoni sono veramente brevi.

53
00:03:23,610 --> 00:03:26,280
Quindi vogliamo solo che giochino e che finiscano.

54
00:03:26,280 --> 00:03:29,660
Ognuno si trova a metà tra un secondo e un secondo.

55
00:03:29,850 --> 00:03:35,760
Quindi, se non lo hai fatto, vai avanti e scarica il file zip che contiene tutti i

56
00:03:35,760 --> 00:03:39,650
suoni e trascinato nella stessa directory in cui hai scritto il codice.

57
00:03:39,750 --> 00:03:42,700
Quindi, invece dei suoni, abbiamo tutti questi file.

58
00:03:43,620 --> 00:03:44,400
Tutto ok.

59
00:03:44,460 --> 00:03:48,090
E la prossima cosa che dobbiamo fare è installare HAUSLER per poterlo usare.

60
00:03:48,150 --> 00:03:49,500
Quindi puoi scaricarlo.

61
00:03:49,750 --> 00:03:52,600
Ma solo per motivi vari userò un CDN.

62
00:03:52,620 --> 00:03:54,990
Quindi ho appena fatto una ricerca per l'url CDN

63
00:03:57,640 --> 00:03:58,460
copiato questo prima.

64
00:03:58,470 --> 00:04:02,850
Sei tutto qui, potresti sempre provarlo per vedere se è valido.

65
00:04:02,850 --> 00:04:03,420
Eccoci qui.

66
00:04:03,480 --> 00:04:05,870
Ecco il codice che è per howler.

67
00:04:05,970 --> 00:04:06,710
Perfezionare.

68
00:04:06,960 --> 00:04:08,040
Torniamo alla nostra

69
00:04:11,460 --> 00:04:13,230
app e poi aggiungeremo uno script.

70
00:04:13,230 --> 00:04:19,860
Quindi, dopo che la carta può duplicarlo e basta cambiare la fonte per essere l'urlatore che sai, assicuriamoci

71
00:04:19,860 --> 00:04:22,470
che si carichi OK senza alcun problema.

72
00:04:23,700 --> 00:04:25,090
Perfezionare.

73
00:04:25,770 --> 00:04:29,330
In seguito facciamo in realtà il nostro primo ululato.

74
00:04:29,490 --> 00:04:32,010
Ricapitoliamo questo codice da hower.

75
00:04:32,040 --> 00:04:33,480
Prendi questo primo

76
00:04:36,420 --> 00:04:38,930
qui e facciamolo all'inizio.

77
00:04:39,120 --> 00:04:46,920
Quindi lo faremo proprio qui e diremo che il suono di VAR equivale a sapere come e poi metteremo in

78
00:04:46,920 --> 00:04:50,700
un solo file e facciamo il primo che vediamo.

79
00:04:50,700 --> 00:04:57,340
Quindi, Bubbles ha ottenuto MP 3, quindi è all'interno della cartella sonora MP 3.

80
00:04:57,420 --> 00:04:58,390
Quindi, suono.

81
00:04:58,440 --> 00:04:59,950
Bolla di Slash.

82
00:04:59,970 --> 00:05:01,530
Ho già dimenticato di usare le bolle.

83
00:05:01,530 --> 00:05:01,970
Ecco qua.

84
00:05:02,010 --> 00:05:03,130
È pluralizzato

85
00:05:03,180 --> 00:05:04,970
Quindi sembra come te bolle.

86
00:05:04,980 --> 00:05:06,900
MP 3 e questo è tutto ciò di cui abbiamo bisogno.

87
00:05:07,380 --> 00:05:09,450
E non giochiamo subito.

88
00:05:09,900 --> 00:05:10,960
Creiamo solo quello.

89
00:05:10,980 --> 00:05:12,310
Questo è tutto ciò che dobbiamo fare.

90
00:05:12,750 --> 00:05:14,670
E poi a suonarlo, suoniamolo.

91
00:05:14,670 --> 00:05:23,380
Quando premi un tasto verso il basso in modo che sia il suono, il punto è veramente bello e semplice diamo un'occhiata provalo.

92
00:05:25,480 --> 00:05:26,770
Eccoci.

93
00:05:26,800 --> 00:05:34,680
Quindi ogni tasto che preme un gruppo di tasti diversi ora attiva il suono ok.

94
00:05:34,720 --> 00:05:36,220
Spero che non sia stato troppo fastidioso.

95
00:05:36,220 --> 00:05:40,040
Quindi il prossimo concentriamoci sull'aggiunta di un altro suono.

96
00:05:40,270 --> 00:05:41,830
Quindi ne faremo solo due per iniziare.

97
00:05:41,830 --> 00:05:42,730
Quindi abbiamo delle bolle.

98
00:05:42,760 --> 00:05:54,250
Facciamo MP3 di Clay in modo che potessimo fare è duplicare questo e fare un suono due uguale a nuovo

99
00:05:54,250 --> 00:05:58,490
Howell e faremo suono di barra e P3.

100
00:05:59,320 --> 00:06:03,510
E poi quello che faremo qui è avere una dichiarazione if.

101
00:06:03,580 --> 00:06:05,210
Quindi concentriamoci su due chiavi.

102
00:06:05,230 --> 00:06:07,610
Facciamo un e s.

103
00:06:07,720 --> 00:06:17,470
Quindi, se premi un tasto se è a, allora suoneremo il suono e chiamiamolo uno solo per renderlo più

104
00:06:19,180 --> 00:06:25,150
chiaro se la chiave è che tu metti anche le virgolette.

105
00:06:25,150 --> 00:06:28,340
Poi suoneremo anche il suono.

106
00:06:28,390 --> 00:06:36,160
Quindi per dire quale tasto è stato premuto è molto semplice con Paperchase abbiamo questo oggetto evento qui e

107
00:06:36,220 --> 00:06:39,280
dobbiamo fare è un punto chiave evento.

108
00:06:39,280 --> 00:06:45,360
Quindi leggiamo un'istruzione if se l'evento è uguale a a.

109
00:06:46,540 --> 00:06:48,810
Quindi faremo solo un suono di riproduzione.

110
00:06:48,810 --> 00:06:56,410
Quindi è il suono che si suona e poi si fa la stessa cosa.

111
00:06:56,500 --> 00:07:04,100
Se il tasto punto evento è uguale a X, verrà riprodotto anche il suono.

112
00:07:04,120 --> 00:07:07,190
Quindi suona per suonare proprio così.

113
00:07:07,870 --> 00:07:08,740
Quindi possiamo provarlo.

114
00:07:08,740 --> 00:07:13,420
Quindi solo le chiavi e S dovrebbero innescare le cose.

115
00:07:13,420 --> 00:07:17,710
Quindi ti dirò che ora sto colpendo q sembra che abbiamo un errore.

116
00:07:18,280 --> 00:07:19,530
Cosa stiamo ottenendo qui.

117
00:07:19,870 --> 00:07:21,930
Il suono non è definito.

118
00:07:21,940 --> 00:07:26,770
Ignora questi avvertimenti qui per ora li sistemeremo alla fine.

119
00:07:26,830 --> 00:07:31,260
È un problema più complesso, ma in realtà non ostacolerà l'avvio del nostro codice.

120
00:07:31,450 --> 00:07:34,030
Ma questo errore sarà così sciocco.

121
00:07:34,360 --> 00:07:37,790
Stavo facendo riferimento al suono proprio qui.

122
00:07:37,810 --> 00:07:39,150
Non abbiamo più suono.

123
00:07:39,740 --> 00:07:40,320
OK.

124
00:07:40,720 --> 00:07:42,460
Quindi ora niente dovrebbe suonare.

125
00:07:42,460 --> 00:07:50,050
Quando premo la maggior parte dei tasti, premo un altro tasto K e ora ho s.

126
00:07:50,260 --> 00:07:52,980
Quindi abbiamo un n.

127
00:07:53,650 --> 00:07:54,700
Perfezionare.

128
00:07:54,790 --> 00:08:01,380
E quello che potremmo fare ora è assegnare un colore a ciascuno di essi in modo da poter fare qualcosa del genere.

129
00:08:01,420 --> 00:08:09,790
Spostiamolo verso il basso dello stesso tasto, ma prima di spingere potremmo avere qualcosa del

130
00:08:09,790 --> 00:08:21,670
genere se l'evento ha una riproduzione che suona e possiamo impostare il colore del nuovo colore di riempimento del punto del cerchio

131
00:08:22,150 --> 00:08:32,210
uguale e quindi possiamo dargli un il colore piace vedere 3 5 0 e poi fare la stessa cosa.

132
00:08:32,230 --> 00:08:45,270
Se premiamo S ma con un colore diverso come facciamo 16 a 0 8 5 e poi possiamo avere un altro e spero che tu stia pensando a te stesso

133
00:08:48,520 --> 00:08:52,460
Questo probabilmente non è il modo migliore per farlo.

134
00:08:52,480 --> 00:08:57,890
Potrebbe essere OK per due e noi, ma per quanto riguarda 20 30 o 50 chiavi.

135
00:08:57,910 --> 00:09:00,530
Usiamo l'intera tastiera e tutti i diversi caratteri.

136
00:09:00,640 --> 00:09:02,390
Quello sarebbe un sacco di codice.

137
00:09:02,860 --> 00:09:05,020
Ma lascia che ti mostri proprio adesso.

138
00:09:05,140 --> 00:09:09,490
Pertanto, la maggior parte dei colori o la maggior parte dei tasti non riproduce il suono.

139
00:09:09,560 --> 00:09:10,830
Ci danno lo stesso colore.

140
00:09:10,930 --> 00:09:21,500
Ora, se avessi un UPS, premo due tasti e ci dà un colore leggermente diverso in quanto ci dà un blu.

141
00:09:21,820 --> 00:09:26,460
Quindi, ovviamente, il colore che ho scelto qui è difficile.

142
00:09:26,460 --> 00:09:29,760
È difficile vedere di farmi cambiare i cambiamenti in viola.

143
00:09:30,130 --> 00:09:32,650
E tecnicamente dovremmo renderlo un altro.

144
00:09:32,710 --> 00:09:40,810
Se è così, controlleremo se la chiave è un LCF e altro se abbiamo due istruzioni if.

145
00:09:40,810 --> 00:09:46,960
Questo verrà eseguito e quindi ne avremo un altro se e se ciò non è vero, allora l'elso sarà vero ma non

146
00:09:46,960 --> 00:09:48,580
terrà conto di ciò che appare.

147
00:09:48,570 --> 00:09:54,970
Quindi se vogliamo solo che uno di questi sia vero, vogliamo solo un colore viola blu o arancione.

148
00:09:54,970 --> 00:09:58,570
Quindi vogliamo che siano parte di una dichiarazione if, ma non ha molta importanza

149
00:09:58,570 --> 00:10:00,210
perché lo cambieremo in un secondo.

150
00:10:00,310 --> 00:10:02,760
Ora il nostro aggiornamento qui è normale.

151
00:10:02,860 --> 00:10:09,290
Colpisco a anche se otteniamo un effetto viola quando otteniamo il blu e due suoni diversi.

152
00:10:09,290 --> 00:10:09,820
OK.

153
00:10:10,150 --> 00:10:12,170
Ecco come usiamo Hausler.

154
00:10:12,190 --> 00:10:17,940
Ora vogliamo fare questo per ogni singola chiave e c'è un modo molto migliore di quello che abbiamo qui.

155
00:10:17,950 --> 00:10:20,190
Quindi in realtà mi libererò di tutto

156
00:10:22,890 --> 00:10:23,880
questo perché potremmo.

157
00:10:23,910 --> 00:10:30,240
Come ho detto prima ho un'istruzione if per ogni singola chiave se key è una do this se la chiave è B e per

158
00:10:30,300 --> 00:10:31,240
ogni singola chiave.

159
00:10:31,250 --> 00:10:33,590
Ma non è davvero una buona pratica.

160
00:10:33,600 --> 00:10:42,810
Quindi quello che faremo è definire un oggetto e lo chiameremo semplicemente dati chiave ed è un oggetto.

161
00:10:42,990 --> 00:10:44,480
E questo è come sarà.

162
00:10:44,580 --> 00:10:46,710
Quindi avremo una chiave come a.

163
00:10:47,000 --> 00:10:57,930
E poi quando viene premuto a, diremo che il colore dovrebbe essere viola e che il suono dovrebbe essere.

164
00:10:57,930 --> 00:11:01,740
E mettiamo tutta questa cosa lì dentro.

165
00:11:03,030 --> 00:11:04,620
Quindi lo esaminerò tra un secondo.

166
00:11:04,620 --> 00:11:13,070
Lascia che prima metta questo qui e poi possiamo fare di nuovo la stessa identica cosa per noi.

167
00:11:13,230 --> 00:11:20,100
Quindi quando viene premuto il colore dovrebbe essere verde e il suono dovrebbe essere nuovo.

168
00:11:20,100 --> 00:11:21,420
Come sarà.

169
00:11:21,540 --> 00:11:28,950
La stessa cosa che sei o altro e facciamo una barra del suono. Clay ha pensato all'MP3 e quindi potremmo

170
00:11:32,610 --> 00:11:34,630
farlo per ogni singola chiave.

171
00:11:34,680 --> 00:11:40,950
E sì, qui c'è molta sintassi, ma il vantaggio è che abbiamo un posto in cui tutti i nostri

172
00:11:40,960 --> 00:11:47,450
dati sono definiti e quindi non abbiamo bisogno di un'istruzione if o di un condizionale separato per ogni singola chiave.

173
00:11:47,580 --> 00:11:53,640
Tutto ciò che dobbiamo fare è prendere dove sei la chiave per i punti dell'evento che in realtà ti sei sbarazzata.

174
00:11:53,630 --> 00:11:54,540
Prendi questo qui.

175
00:11:54,540 --> 00:11:58,390
Tasto punto evento che è il tasto premuto.

176
00:11:58,920 --> 00:12:04,560
E diciamo che questa è la lettera J.

177
00:12:04,860 --> 00:12:11,350
Se è così, lo prendiamo e lo inseriamo nei dati chiave e questo ci darà un suono color viola.

178
00:12:11,730 --> 00:12:12,720
È questo suono

179
00:12:12,720 --> 00:12:13,710
Quindi ti mostrerò cosa intendo.

180
00:12:13,740 --> 00:12:20,910
Andiamo con questi due esempi e per rendere più ovvio aggiungiamo in un altro

181
00:12:20,910 --> 00:12:23,000
duplicato quello che abbiamo.

182
00:12:23,280 --> 00:12:26,360
Quindi abbiamo anche noi facciamo D.

183
00:12:26,490 --> 00:12:33,750
E il colore può essere troppo giallo e poi suono.

184
00:12:33,750 --> 00:12:34,960
Cos'altro abbiamo.

185
00:12:35,220 --> 00:12:40,480
Facciamo i coriandoli.

186
00:12:41,190 --> 00:12:42,240
Perfezionare.

187
00:12:42,240 --> 00:12:43,770
Sbarazzati di questa virgola finale.

188
00:12:43,980 --> 00:12:50,040
Ora possiamo sbarazzarci di questo e avremo bisogno di cambiarlo un po 'e

189
00:12:50,040 --> 00:12:57,690
la prossima cosa che faremo è prendere la chiave dell'evento e collegarla ai nostri dati chiave.

190
00:12:58,410 --> 00:12:59,640
Quindi potremmo fare qualcosa di simile.

191
00:12:59,630 --> 00:13:09,480
Chiave evento chiave dati chiave e che ci darebbe per se se fosse un evento ci ha dato questa intera cosa

192
00:13:09,480 --> 00:13:15,320
qui e poi possiamo fare il colore in modo che possiamo iniziare lì.

193
00:13:16,200 --> 00:13:24,590
Quindi, ciò che faremo prima di spingere la nuova cerchia e diremo solo che il nuovo colore di riempimento della circonferenza è

194
00:13:24,970 --> 00:13:28,290
uguale al colore della chiave dell'evento dei dati chiave.

195
00:13:28,350 --> 00:13:32,660
Quindi, per ribadire che la chiave scura è una lettera.

196
00:13:33,300 --> 00:13:35,030
Bene nel nostro caso ci assicureremo che sia una lettera.

197
00:13:35,040 --> 00:13:39,110
Tecnicamente potrebbe essere un numero o una scheda shiftier, ma è la chiave che è stata premuta.

198
00:13:39,190 --> 00:13:41,590
Quindi lo prendiamo e lo inseriamo nei dati chiave.

199
00:13:41,610 --> 00:13:44,260
Otteniamo questa intera faccenda.

200
00:13:44,280 --> 00:13:50,520
Se la chiave eventime è a se l'utente ha premuto a, allora stiamo facendo il colore scuro che ci dà il viola.

201
00:13:50,520 --> 00:13:53,250
Quindi, stiamo impostando una nuova cerchia ma riempiamo il colore per essere viola.

202
00:13:53,280 --> 00:13:57,890
Se l'evento Duck Key è un avviso, non è necessario avere una dichiarazione if per farlo.

203
00:13:58,170 --> 00:14:03,480
Quindi non dobbiamo dire se la Turchia ha un ruolo se questo evento viene chiesto di farlo.

204
00:14:03,480 --> 00:14:04,990
Questa è la stessa linea, non importa cosa.

205
00:14:05,100 --> 00:14:11,220
Poiché abbiamo questo unico dizionario o questa fonte dei nostri dati definiti, c'è un problema, naturalmente.

206
00:14:11,910 --> 00:14:14,170
Questo funzionerà solo per una S e D al momento.

207
00:14:14,280 --> 00:14:18,670
Quindi ti mostrerò l'aggiornamento assicurandoti che non ci siano errori di sintassi.

208
00:14:18,720 --> 00:14:24,080
Noi non possiamo leggere il colore o non possiamo leggere correttamente colorati indefiniti e questo non è un errore di sintassi.

209
00:14:24,210 --> 00:14:25,660
Questo è l'errore che mi aspetto.

210
00:14:25,710 --> 00:14:26,760
Quindi ti mostrerò.

211
00:14:26,850 --> 00:14:31,830
Premerò una buona pressione, oppure sono buoni e D.

212
00:14:32,070 --> 00:14:35,030
Ma ora premo Q E abbiamo un problema.

213
00:14:35,460 --> 00:14:41,580
E questo perché questi dati chiave non definiti di Q non esistono.

214
00:14:41,580 --> 00:14:43,320
Abbiamo una S e una D.

215
00:14:43,400 --> 00:14:45,030
Quindi questo è un problema.

216
00:14:45,030 --> 00:14:47,540
Il modo per risolvere questo è semplice.

217
00:14:47,550 --> 00:14:52,470
Tutto quello che faremo è controllare se lo fai qui.

218
00:14:52,580 --> 00:15:00,840
Nella parte superiore di quel tasto, premere se l'evento di parentesi di dati chiave Docky.

219
00:15:00,890 --> 00:15:08,390
Quindi ricorda se questa è la verità Fondamentalmente se esiste allora faremo tutto questo.

220
00:15:08,760 --> 00:15:14,520
Altrimenti, se non esiste, non faremo nulla per iniziare.

221
00:15:14,740 --> 00:15:16,590
In realtà non farò nulla.

222
00:15:16,590 --> 00:15:22,500
Quindi in questo momento la nostra Apple funziona solo se farà qualcosa o farà qualsiasi cosa quando premi una S e una D.

223
00:15:22,500 --> 00:15:26,440
Quindi, per tornare indietro, assicuriamoci che funzioni ora.

224
00:15:26,490 --> 00:15:27,690
Q Non succede nulla.

225
00:15:27,810 --> 00:15:29,480
Sto premendo un mazzo di chiavi.

226
00:15:29,610 --> 00:15:30,550
Ora ho colpito a.

227
00:15:30,600 --> 00:15:31,180
E funziona.

228
00:15:31,180 --> 00:15:34,130
S e D ma nessun altro tasto fa nulla.

229
00:15:34,320 --> 00:15:35,440
Grande.

230
00:15:35,450 --> 00:15:37,380
Quindi ora facciamo suonare il suono.

231
00:15:37,770 --> 00:15:39,200
Quindi è anche bello e semplice.

232
00:15:39,210 --> 00:15:49,800
di suoni chiave per i dati degli eventi e non sono sicuro del motivo per cui ho chiamato questi due suoni che avrebbero dovuto suonare.

233
00:15:49,800 --> 00:15:51,140
Abbiamo solo bisogno

234
00:15:51,170 --> 00:15:55,070
Lì andiamo a suonare il punto.

235
00:15:55,080 --> 00:15:59,290
Ricorda che i Venki si inseriscono in questa savey press D.

236
00:15:59,430 --> 00:16:00,780
Otteniamo questo oggetto.

237
00:16:00,960 --> 00:16:02,400
Facciamo un suono dat su di esso.

238
00:16:02,430 --> 00:16:06,720
Otteniamo questo che poi eseguiremo come prima.

239
00:16:07,080 --> 00:16:09,590
OK, facciamo un tentativo.

240
00:16:09,890 --> 00:16:11,960
A come il.

241
00:16:12,240 --> 00:16:14,460
E gli altri tasti non fanno nulla.

242
00:16:14,900 --> 00:16:15,460
Perfezionare.

243
00:16:15,510 --> 00:16:21,900
Quindi tutto quello che ci rimane da fare qui è in realtà solo aggiungere tutte le altre chiavi

244
00:16:21,890 --> 00:16:25,320
e sarebbe davvero doloroso per te guardarmi digitare da zero.

245
00:16:25,320 --> 00:16:29,720
Ho pre-fatto che ti ho dato il file nel download.

246
00:16:30,060 --> 00:16:31,090
L'ho chiamato giorno per giorno.

247
00:16:31,190 --> 00:16:31,830
Sì.

248
00:16:31,860 --> 00:16:37,490
Quindi se lo apriamo è solo un oggetto gigante che ha tutti i tasti delle lettere.

249
00:16:37,620 --> 00:16:40,110
Quindi abbiamo q w r.

250
00:16:40,120 --> 00:16:41,570
Non sono davvero in alcun ordine.

251
00:16:41,610 --> 00:16:45,600
Bene, ma non hanno un ordine particolare per quanto riguarda i colori e i suoni.

252
00:16:45,720 --> 00:16:48,750
Ho scelto solo quelli casuali e ognuno di loro ha un colore.

253
00:16:49,020 --> 00:16:56,040
Quindi se copiamo questo e sostituiamo quello che abbiamo qui, assicuriamoci di chiamarlo

254
00:16:58,800 --> 00:17:01,290
perfetto per i dati chiave.

255
00:17:01,290 --> 00:17:11,210
Ora abbiamo fornito questo dizionario di suoni cromatici per ogni singola chiave, almeno ogni singolo tasto

256
00:17:11,220 --> 00:17:11,980
alfabetico.

257
00:17:12,360 --> 00:17:13,460
E possiamo usare quello.

258
00:17:13,500 --> 00:17:15,220
Non dobbiamo assolutamente cambiare il nostro codice.

259
00:17:15,270 --> 00:17:21,410
Quindi è davvero bello se vogliamo aggiungere tasti numerici in cui vogliamo aggiungere tab e shift

260
00:17:21,840 --> 00:17:26,770
e escape e qualsiasi altra cosa aggiungiamo solo proprietà extra su questo oggetto.

261
00:17:26,850 --> 00:17:32,580
Quindi proviamo a chiudere l'aggiornamento.

262
00:17:32,580 --> 00:17:36,800
Perfezionare.

263
00:17:36,840 --> 00:17:37,550
Tutto ok.

264
00:17:37,700 --> 00:17:38,880
Quindi non farti trasportare qui.

265
00:17:38,900 --> 00:17:39,420
Molto divertente però.

266
00:17:47,660 --> 00:17:48,100
OK.

267
00:17:48,200 --> 00:17:49,100
Va bene, basta.

268
00:17:49,350 --> 00:17:54,720
Quindi abbiamo coperto molto, ma alla fine della giornata tutto ciò che abbiamo fatto è stato prendere un codice che

269
00:17:55,050 --> 00:17:56,600
abbiamo trovato per fare un cerchio.

270
00:17:56,720 --> 00:18:01,650
Abbiamo preso del codice che abbiamo trovato per animare un cerchio per cambiare il colore.

271
00:18:01,800 --> 00:18:03,740
Abbiamo trovato del codice per fare eventi.

272
00:18:03,780 --> 00:18:04,960
Quindi quando si preme un tasto.

273
00:18:05,180 --> 00:18:09,530
E poi lo combiniamo con qualche altro codice che abbiamo trovato per suonare della musica.

274
00:18:09,650 --> 00:18:13,970
E quando lo metti insieme puoi fare cose interessanti e c'è molto di più che puoi fare qui.

275
00:18:14,150 --> 00:18:16,500
E non siamo fatti al 100%.

276
00:18:16,500 --> 00:18:20,860
Abbiamo finito con la funzionalità, quindi non aggiungiamo nuove funzionalità e non sembreremo diverse.

277
00:18:21,450 --> 00:18:29,480
Ma se apri la console vedrai che tutti questi file non possono caricare i file SML HTP request cross cross

278
00:18:29,490 --> 00:18:30,060
origin.

279
00:18:30,060 --> 00:18:31,050
Blah blah blah.

280
00:18:31,260 --> 00:18:32,750
Lo copro nel prossimo video.

281
00:18:32,760 --> 00:18:36,590
Parla del perché sta accadendo e anche di come possiamo aggiustarlo.

282
00:18:36,680 --> 00:18:42,380
E poi l'altra cosa che faremo è parlare di un piccolo modo di refactoring perché in questo

283
00:18:42,720 --> 00:18:48,420
momento ogni volta che premo aggiungo una nuova cerchia alla matrice del cerchio e non li rimuoverò

284
00:18:48,410 --> 00:18:49,250
mai da quell'array.

285
00:18:49,400 --> 00:18:53,700
Quindi potrei averne 10000 in questo momento.

286
00:18:53,820 --> 00:19:00,020
Beh, io no, ma potrei averne cento e ce ne sono 200 e passeremo sopra a quella cosa intera.

287
00:19:00,060 --> 00:19:03,450
Anche se non vediamo i cerchi perché sono così piccoli.

288
00:19:03,720 --> 00:19:07,000
Quindi faremo una piccola modifica per sbarazzarci di quelli nel prossimo video.

289
00:19:07,140 --> 00:19:11,550
Ma ancora una volta abbiamo finito con la funzionalità, quindi se non ti interessa vedere che ti è piaciuto

290
00:19:11,550 --> 00:19:12,760
farlo e vuoi andare avanti.

291
00:19:12,990 --> 00:19:14,350
Vai avanti e passa alla prossima unità.
