1
00:00:00,330 --> 00:00:23,720
Bienvenue dans cette leçon, nous allons nous concentrer sur l'ajout de l'audio afin d'ajouter dans les échantillons de musique que nous allons jouer lorsque nous frappons chaque clé et aussi se concentrer sur donner chaque touche de sa propre couleur afin que nous ne recevons pas toujours ces orange Décoloration au jaune et puis vert, mais nous aurons certains qui sont violet certains qui sont bleus comme vous pouvez le voir ici toutes les couleurs différentes.

2
00:00:24,300 --> 00:00:36,980
Mais il est toujours la même couleur pour chaque clé donnée comme H a toujours cette cue orange est toujours ce qui est T Y et ainsi de suite.

3
00:00:37,250 --> 00:00:37,570
D'ACCORD.

4
00:00:37,590 --> 00:00:42,030
Donc, pour commencer, nous allons juste comprendre comment nous pouvons jouer un son du tout.

5
00:00:42,030 --> 00:00:45,000
Alors, comment on déclenche un son avec Hallard.

6
00:00:45,030 --> 00:00:55,250
Oui dans le Hausler est fondamentalement l'opposé de Paperchase en ce qui concerne sa complexité, il est vraiment très simple qui le rend vraiment agréable.

7
00:00:55,290 --> 00:01:00,390
Encore une fois, vous pouvez jouer de l'audio sans bibliothèque, mais c'est un peu.

8
00:01:00,390 --> 00:01:22,200
C'est un peu douloureux lorsque vous voulez faire quelque chose comme ce que nous voulons faire là où nous ne sommes pas seulement jouer un son une fois, mais je veux être capable de déclencher un son dix fois de suite comme disons que je fais ça Merde ici, je veux être capable de faire quelque chose comme il ya un peu de travail impliqué pour faire que se comportent réellement la façon dont nous voulons qu'il.

9
00:01:22,320 --> 00:01:35,910
Il est vraiment facile de jouer un son comme jouer une chanson qui est vraiment ennuyeux, mais si vous allez sur un site Web et il ya certains que vous savez une sorte de son ou de la chanson, il joue en arrière-plan qui est vraiment simple à faire avec h tim owl et javascript .

10
00:01:35,910 --> 00:01:44,550
Mais pour faire quelque chose comme ça où nous pouvons avoir un tas de sons simultanés allant et nous pouvons répéter des choses et ce serait beaucoup plus facile à utiliser quelque chose comme Hallard J nous.

11
00:01:44,820 --> 00:01:45,980
Encore une fois, impossible.

12
00:01:45,990 --> 00:01:48,630
Comme n'importe quelle bibliothèque, vous pouvez le faire vous-même.

13
00:01:48,810 --> 00:01:50,950
Mais nous ne voudrions pas vraiment.

14
00:01:51,570 --> 00:01:59,110
Donc, si nous regardons comment cela fonctionne, c'est tout ce dont nous aurons besoin pour utiliser ce petit code ici où nous créons une nouvelle façon.

15
00:01:59,130 --> 00:02:02,800
Alors, comment est la chose que nous sommes initialisation et savait comment.

16
00:02:02,970 --> 00:02:08,420
Ensuite, nous lui donnons une liste de quelques URL des fichiers que nous voulons jouer.

17
00:02:08,500 --> 00:02:24,330
Donc, la raison pour laquelle nous lui donnons un tableau de ces différentes vous sont des fichiers différents, même si elles ressemblent à ce qu'ils sont les mêmes types de fichiers différents et l'ordre que vous les mettre dans est l'ordre que howler va essayer de charger Les.

18
00:02:24,330 --> 00:02:30,600
Donc, fondamentalement, il existe certains types de fichiers qui fonctionnent dans chaque navigateur certains d'entre eux qui ne fonctionnent pas dans tous les navigateurs.

19
00:02:30,600 --> 00:02:32,700
Vous pouvez donc spécifier certaines sauvegardes.

20
00:02:32,850 --> 00:02:33,680
Nous ne le ferons pas.

21
00:02:33,690 --> 00:02:35,260
Nous aurons un seul fichier.

22
00:02:35,340 --> 00:02:42,590
Mais si vous vouliez avoir des sauvegardes fondamentalement la façon dont cela fonctionne autant que je sache au moins vous pouvez lire à ce sujet ici, je suis sûr.

23
00:02:42,630 --> 00:02:48,250
Ici, nous allons vous ou bien la source que vous êtes autre à la piste ou des pistes à charger pour le son.

24
00:02:48,310 --> 00:02:49,640
Ceux-ci devraient être un ordre de préférence.

25
00:02:49,650 --> 00:02:53,630
Howard Jasc chargera automatiquement le premier qui est compatible avec le navigateur actuel.

26
00:02:53,640 --> 00:02:54,760
Donc voilà.

27
00:02:54,900 --> 00:02:58,120
Nous pourrions ajouter dans d'autres versions de la même chanson.

28
00:02:58,140 --> 00:03:04,690
Dans notre cas le même échantillon et holler chargeront automatiquement le premier qui est compatible.

29
00:03:04,980 --> 00:03:05,680
D'ACCORD.

30
00:03:05,880 --> 00:03:08,690
Donc, le code dont nous avons besoin, c'est Howell nouveau.

31
00:03:09,000 --> 00:03:12,050
Et puis vous allez et c'est tout.

32
00:03:12,090 --> 00:03:14,340
Et quand on est prêt à jouer, on appelle juste des pièces de théâtre.

33
00:03:14,340 --> 00:03:19,590
Vous pouvez le voir ici et nous ne l'arrêterons pas.

34
00:03:19,590 --> 00:03:20,750
Nous ne nous arrêterons pas.

35
00:03:20,790 --> 00:03:23,510
Nous ne bouclerons pas parce que nos sons sont vraiment courts.

36
00:03:23,610 --> 00:03:26,280
Alors nous voulons juste qu'ils jouent et laissez-les finir.

37
00:03:26,280 --> 00:03:29,660
Chacune se situe entre une demi-seconde et une seconde.

38
00:03:29,850 --> 00:03:39,650
Donc, si vous ne l'avez pas fait déjà aller de l'avant et de télécharger ce fichier zip qui a tous les sons et glissé dans le même répertoire où vous écrivez votre code.

39
00:03:39,750 --> 00:03:42,700
Donc, au lieu de sons, nous avons tous ces fichiers.

40
00:03:43,620 --> 00:03:44,400
D'accord.

41
00:03:44,460 --> 00:03:48,090
Et la prochaine chose que nous devons faire est d'installer HAUSLER afin de l'utiliser.

42
00:03:48,150 --> 00:03:49,500
Vous pouvez donc le télécharger.

43
00:03:49,750 --> 00:03:52,600
Mais juste pour le sake de variété je vais utiliser un CDN.

44
00:03:52,620 --> 00:03:58,460
Donc j'ai juste fait une recherche pour la copie de CD de hurleur ceci d'abord.

45
00:03:58,470 --> 00:04:02,850
Vous êtes tous ici pourrait toujours le tester pour voir si elle est valide.

46
00:04:02,850 --> 00:04:03,420
Et c'est parti.

47
00:04:03,480 --> 00:04:05,870
Voici le code qui est pour howler.

48
00:04:05,970 --> 00:04:06,710
Parfait.

49
00:04:06,960 --> 00:04:13,230
Revenons à notre application, puis nous allons simplement ajouter un script.

50
00:04:13,230 --> 00:04:22,470
Donc, après le papier peut dupliquer cela et juste changer la source pour être le hurleur que vous savez, assurez-vous qu'il charge OK sans aucun problème.

51
00:04:23,700 --> 00:04:25,090
Parfait.

52
00:04:25,770 --> 00:04:29,330
Ensuite, nous allons faire notre premier hurlement.

53
00:04:29,490 --> 00:04:32,010
Alors copions ce code de nouveau à partir de hower.

54
00:04:32,040 --> 00:04:38,930
Il suffit de prendre cette première ici et nous allons le faire au début.

55
00:04:39,120 --> 00:04:50,700
Nous allons donc le faire juste ici et nous dirons que les sonorités de VAR savaient comment et ensuite nous allons simplement mettre dans un fichier et nous allons faire le premier que nous voyons.

56
00:04:50,700 --> 00:04:57,340
Ainsi Bubbles a obtenu MP 3 de sorte que soit dans le son annuaire slash bulles stud MP 3.

57
00:04:57,420 --> 00:04:58,390
Si bien

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

59
00:04:59,970 --> 00:05:01,530
J'ai déjà oublié d'utiliser des bulles.

60
00:05:01,530 --> 00:05:01,970
Voilà.

61
00:05:02,010 --> 00:05:03,130
Est pluralized.

62
00:05:03,180 --> 00:05:04,970
Donc, son comme vous Bubbles.

63
00:05:04,980 --> 00:05:06,900
MP 3 et c'est tout ce dont nous avons besoin.

64
00:05:07,380 --> 00:05:09,450
Et ne jouons pas tout de suite.

65
00:05:09,900 --> 00:05:10,960
Il suffit de créer cela.

66
00:05:10,980 --> 00:05:12,310
C'est tout ce que nous devons faire.

67
00:05:12,750 --> 00:05:14,670
Et puis, pour jouer, jouons.

68
00:05:14,670 --> 00:05:25,130
Lorsque vous appuyez sur une touche vers le bas de sorte que son jeu de points sonores vraiment agréable et simple allons jeter un coup d'oeil l'essayer.

69
00:05:25,480 --> 00:05:26,770
Voilà.

70
00:05:26,800 --> 00:05:34,680
Donc, chaque touche appuyant un tas de différentes touches déclenche maintenant que le son ok.

71
00:05:34,720 --> 00:05:36,220
J'espère que ce n'était pas trop ennuyeux.

72
00:05:36,220 --> 00:05:40,040
Alors, à présent, nous allons nous concentrer sur l'ajout d'un autre son.

73
00:05:40,270 --> 00:05:41,830
Nous allons faire deux pour commencer.

74
00:05:41,830 --> 00:05:42,730
Nous avons donc des bulles.

75
00:05:42,760 --> 00:05:58,490
Nous allons faire Clay MP3 afin que nous puissions faire est tout simplement dupliquer ce et faire un son deux égaux Howell nouvelle et nous allons faire slash argile et P3.

76
00:05:59,320 --> 00:06:03,510
Et puis ce que nous allons faire ici est d'avoir une déclaration if.

77
00:06:03,580 --> 00:06:05,210
Concentrons-nous donc sur deux clés.

78
00:06:05,230 --> 00:06:07,610
Faisons a et s.

79
00:06:07,720 --> 00:06:25,150
Donc, si vous appuyez sur une touche si est un, alors nous allons jouer du son et nous allons appeler son un juste pour le rendre plus clair si la clé est s vous mettre des citations autour de cela aussi.

80
00:06:25,150 --> 00:06:28,340
Ensuite, nous jouerons le son aussi.

81
00:06:28,390 --> 00:06:39,280
Donc pour dire quelle touche a été pressée, c'est vraiment facile avec Paperchase, nous avons cet objet d'événement ici et nous devons faire est la clé d'événement.

82
00:06:39,280 --> 00:06:45,360
Ainsi, nous allons simplement lire une instruction if si l'événement que la clé est égal à a.

83
00:06:46,540 --> 00:06:48,810
Ensuite, nous ferons juste un son de jeu.

84
00:06:48,810 --> 00:06:56,410
Donc c'est un jeu sain et ensuite faire la même chose.

85
00:06:56,500 --> 00:07:04,100
Si la touche point de l'événement est égale à X, alors le son sera joué.

86
00:07:04,120 --> 00:07:07,190
Tellement sonore pour jouer comme ça.

87
00:07:07,870 --> 00:07:08,740
Nous pouvons donc essayer cela.

88
00:07:08,740 --> 00:07:13,420
Donc, seules les touches et S devraient déclencher des choses.

89
00:07:13,420 --> 00:07:17,710
Alors je vais vous dire maintenant que je frappe q ressemble à nous avons une erreur.

90
00:07:18,280 --> 00:07:19,530
Que faisons-nous ici?

91
00:07:19,870 --> 00:07:21,930
Le son n'est pas défini.

92
00:07:21,940 --> 00:07:26,770
Ignorer ces avertissements ici pour le moment nous allons les fixer à la fin.

93
00:07:26,830 --> 00:07:31,260
C'est un problème plus complexe, mais il ne sera effectivement pas entrer dans la manière de notre code de travail pour commencer.

94
00:07:31,450 --> 00:07:34,030
Mais ce sera une erreur si stupide.

95
00:07:34,360 --> 00:07:37,790
Je faisais référence au son ici.

96
00:07:37,810 --> 00:07:39,150
Nous n'avons plus de son.

97
00:07:39,740 --> 00:07:40,320
D'ACCORD.

98
00:07:40,720 --> 00:07:42,460
Donc maintenant rien ne devrait jouer.

99
00:07:42,460 --> 00:07:50,050
Lorsque je touche la plupart des touches, mais je vais frapper un K autres touches et maintenant avait s.

100
00:07:50,260 --> 00:07:52,980
Donc nous avons un n s.

101
00:07:53,650 --> 00:07:54,700
Parfait.

102
00:07:54,790 --> 00:08:01,380
Et ce que nous pourrions faire aussi bien est maintenant assigner une couleur à chacun afin que nous puissions faire quelque chose comme ceci.

103
00:08:01,420 --> 00:08:32,210
Déplacez-vous vers le bas de la même touche vers le bas, mais juste avant de pousser, nous pourrions avoir quelque chose comme ceci si l'événement, il a une pièce de théâtre que le son et nous pouvons définir la couleur du nouveau cercle de remplissage de points égal et puis nous pouvons lui donner un La couleur aiment voir 3 5 0 et puis faire la même chose.

104
00:08:32,230 --> 00:08:52,460
Si nous appuyons sur S, mais avec une couleur différente comme font 16 a 0 8 5 et puis nous pouvons avoir un autre et espérons que vous pensez à vous-même Ce n'est probablement pas la meilleure façon de le faire.

105
00:08:52,480 --> 00:08:57,890
Il pourrait être bon pour deux et nous, mais qu'en est-il 20 30 ou 50 touches.

106
00:08:57,910 --> 00:09:00,530
Nous utilisons le clavier entier et tous les différents caractères.

107
00:09:00,640 --> 00:09:02,390
Ce serait beaucoup de code.

108
00:09:02,860 --> 00:09:05,020
Mais permettez-moi de vous montrer tout de suite.

109
00:09:05,140 --> 00:09:09,490
Donc cue la plupart des couleurs ou la plupart des touches ne jouent pas le son.

110
00:09:09,560 --> 00:09:10,830
Ils nous donnent la même couleur.

111
00:09:10,930 --> 00:09:21,500
Maintenant, si j'ai eu un UPS, j'ai frappé deux touches a nous donne une couleur légèrement différente que nous donne un bleu.

112
00:09:21,820 --> 00:09:26,460
Donc, bien sûr, la couleur que j'ai choisi ici est difficile.

113
00:09:26,460 --> 00:09:29,760
Il est difficile de voir me laisser changer les changements pour être violet.

114
00:09:30,130 --> 00:09:32,650
Et techniquement, nous devrions faire un autre.

115
00:09:32,710 --> 00:09:40,810
Si oui, nous allons vérifier si la clé est un LCF et sinon si nous avons deux déclarations if.

116
00:09:40,810 --> 00:09:48,580
Celui-ci sera exécuté et puis nous avons un autre si et si ce n'est pas vrai, alors l'elso être vrai, mais il ne prendra pas en compte celui-ci apparaissent.

117
00:09:48,570 --> 00:09:54,970
Donc, si nous voulons seulement un de ceux-ci pour être vrai qui est nous voulons seulement une couleur pourpre bleu ou orange.

118
00:09:54,970 --> 00:10:00,210
Ensuite, nous voulons qu'ils fassent partie d'une déclaration if, mais cela n'a pas d'importance parce que nous allons changer cela en une seconde.

119
00:10:00,310 --> 00:10:02,760
Maintenant, notre rafraîchissement ici est normal clés.

120
00:10:02,860 --> 00:10:09,290
J'ai frappé un bien que nous obtenons violet hit que nous obtenons bleu et deux sons différents.

121
00:10:09,290 --> 00:10:09,820
D'ACCORD.

122
00:10:10,150 --> 00:10:12,170
Voilà comment nous utilisons Hausler.

123
00:10:12,190 --> 00:10:17,940
Maintenant, nous voulons faire cela pour chaque clé unique et il ya une bien meilleure façon que ce que nous avons ici.

124
00:10:17,950 --> 00:10:23,880
Je vais donc me débarrasser de tout cela parce que nous pourrions le faire.

125
00:10:23,910 --> 00:10:31,240
Comme je l'ai mentionné précédemment ont une déclaration if pour chaque clé unique si la clé est un faire ceci si la clé est B et pour chaque simple clé.

126
00:10:31,250 --> 00:10:33,590
Mais ce n'est vraiment pas une bonne pratique.

127
00:10:33,600 --> 00:10:42,810
Donc ce que nous allons faire à la place est de définir un objet et nous allons simplement appeler les données clés et c'est un objet.

128
00:10:42,990 --> 00:10:44,480
Et c'est ce que cela ressemblera.

129
00:10:44,580 --> 00:10:46,710
Nous aurons donc une clé comme.

130
00:10:47,000 --> 00:10:57,930
Et puis quand a est pressé, nous dirons que la couleur doit être violet et que le son devrait être.

131
00:10:57,930 --> 00:11:01,740
Et mettons tout cela là-dedans.

132
00:11:03,030 --> 00:11:04,620
Je vais donc passer en revue une seconde.

133
00:11:04,620 --> 00:11:13,070
Permettez-moi d'abord de mettre ceci en premier et ensuite nous pouvons faire exactement la même chose encore pour nous.

134
00:11:13,230 --> 00:11:20,100
Ainsi quand est pressé la couleur devrait être verte et le bruit devrait être nouveau.

135
00:11:20,100 --> 00:11:21,420
Comment sera.

136
00:11:21,540 --> 00:11:34,630
Même chose que vous êtes ou bien et nous allons faire son slash Clay pensé MP3 et puis nous pourrions faire cela pour chaque clé unique.

137
00:11:34,680 --> 00:11:47,450
Et oui, c'est beaucoup de syntaxe ici, mais l'avantage est que nous avons une place pour toutes nos données est définie et nous n'avons pas besoin d'une déclaration if ou dans un conditionnel séparé pour chaque clé unique.

138
00:11:47,580 --> 00:11:53,640
Tout ce que nous avons à faire est de prendre où êtes-vous événement clé point qui s'est effectivement débarrassé.

139
00:11:53,630 --> 00:11:54,540
Prenez ceci ici.

140
00:11:54,540 --> 00:11:58,390
Event clé point qui est la touche qui a été pressée.

141
00:11:58,920 --> 00:12:04,560
Et disons que c'est la lettre J.

142
00:12:04,860 --> 00:12:11,630
Si c'est le cas, nous le prenons et le brancher dans les données clés et qui nous donnera le son de couleur pourpre.

143
00:12:11,730 --> 00:12:12,720
Est ce son.

144
00:12:12,720 --> 00:12:13,710
Alors je vais vous montrer ce que je veux dire.

145
00:12:13,740 --> 00:12:23,000
Allons-y simplement avec ces deux exemples et pour le rendre plus évident ajoutons dans un duplicata plus ce que nous avons.

146
00:12:23,280 --> 00:12:26,360
Donc, nous avons un n s let's aussi faire D.

147
00:12:26,490 --> 00:12:33,750
Et la couleur peut être elle est trop jaune et puis sonore.

148
00:12:33,750 --> 00:12:34,960
Qu'avons-nous d'autre?

149
00:12:35,220 --> 00:12:40,480
Faisons des confettis.

150
00:12:41,190 --> 00:12:42,240
Parfait.

151
00:12:42,240 --> 00:12:43,770
Débarrassez-vous de cette virgule.

152
00:12:43,980 --> 00:12:57,690
Nous pouvons nous débarrasser de cela maintenant et nous devrons changer ceci autour d'un peu et la prochaine chose qui fera est de prendre cette clé de canard d'événement et le brancher à nos données de clef.

153
00:12:58,410 --> 00:12:59,640
Nous pourrions faire quelque chose comme ça.

154
00:12:59,630 --> 00:13:15,320
Key data bracket événement clé et qui nous donnerait pour si si s était événement il nous donne toute cette chose ici et puis nous pouvons faire la couleur afin que nous puissions commencer là.

155
00:13:16,200 --> 00:13:28,290
Donc, ce que nous allons faire, c'est avant de pousser nouveau cercle et nous allons simplement dire nouvelle couleur de remplissage de cercle égale clé de données clé de couleur événement.

156
00:13:28,350 --> 00:13:32,660
Donc, juste pour répéter la touche sombre est une lettre.

157
00:13:33,300 --> 00:13:35,030
Eh bien, dans notre cas, nous allons nous assurer qu'il s'agit d'une lettre.

158
00:13:35,040 --> 00:13:39,110
Techniquement, il pourrait s'agir d'un onglet numéroté ou décalé, mais c'est la touche qui a été pressée.

159
00:13:39,190 --> 00:13:41,590
Ensuite, nous prenons cela et le brancher dans les données clés.

160
00:13:41,610 --> 00:13:44,260
Nous avons tout cela.

161
00:13:44,280 --> 00:13:50,520
Si la touche eventime est a si l'utilisateur a pressé un alors nous faisons la couleur foncée qui nous donne pourpre.

162
00:13:50,520 --> 00:13:53,250
Alors nous mettons le nouveau cercle mais remplissons la couleur pour qu'elle soit pourpre.

163
00:13:53,280 --> 00:13:57,890
Si l'événement Duck Key est un avis mais nous n'avons pas besoin d'avoir une déclaration if pour le faire.

164
00:13:58,170 --> 00:14:03,480
Donc, nous n'avons pas à dire si la Turquie a un faire cela si l'événement que la clé est demandé de le faire.

165
00:14:03,480 --> 00:14:04,990
C'est la même ligne quoi qu'il arrive.

166
00:14:05,100 --> 00:14:11,610
Parce que nous avons ce dictionnaire ou cette source unique de nos données définies il ya un problème bien sûr.

167
00:14:11,910 --> 00:14:14,170
Cela ne fonctionnera que pour un S et D en ce moment.

168
00:14:14,280 --> 00:14:18,670
Donc, je vais vous montrer l'actualisation assurez-vous que nous n'avons pas d'erreurs de syntaxe.

169
00:14:18,720 --> 00:14:24,080
Nous ne pouvons pas lire la couleur ou ne peut pas lire correctement coloré indéfini et ce n'est pas une erreur de syntaxe.

170
00:14:24,210 --> 00:14:25,660
C'est l'erreur que j'attends.

171
00:14:25,710 --> 00:14:26,760
Alors je vais vous montrer.

172
00:14:26,850 --> 00:14:31,830
Je vais presser une bonne presse a ou s sont aussi bonnes et D.

173
00:14:32,070 --> 00:14:35,030
Mais maintenant, j'appuie sur Q Et nous avons un problème.

174
00:14:35,460 --> 00:14:41,580
Et c'est parce que ce n'est pas défini les données clés de Q n'existe pas.

175
00:14:41,580 --> 00:14:43,320
Nous avons un S et D.

176
00:14:43,400 --> 00:14:45,030
C'est donc un problème.

177
00:14:45,030 --> 00:14:47,540
La façon de corriger cela est simple.

178
00:14:47,550 --> 00:14:52,470
Tout ce que nous allons faire est de vérifier si vous faites cela ici.

179
00:14:52,580 --> 00:15:00,840
En haut à l'intérieur de cette touche appuyez sur si l'événement de support de données clés Docky.

180
00:15:00,890 --> 00:15:08,390
Donc, n'oubliez pas si c'est vrai. Fondamentalement, si elle existe, nous allons faire tout cela.

181
00:15:08,760 --> 00:15:14,520
Sinon, si elle n'existe pas, nous ne ferons rien pour commencer.

182
00:15:14,740 --> 00:15:16,590
En fait, je ne ferai rien du tout.

183
00:15:16,590 --> 00:15:22,500
Donc, à l'heure actuelle, notre Apple fonctionne uniquement, il fera quelque chose ou seulement faire quelque chose quand vous appuyez sur un S et D.

184
00:15:22,500 --> 00:15:26,440
Donc, juste pour revenir, nous allons nous assurer que cela fonctionne maintenant.

185
00:15:26,490 --> 00:15:27,690
Q Rien ne se passe.

186
00:15:27,810 --> 00:15:29,480
Je presse un tas de clés.

187
00:15:29,610 --> 00:15:30,550
Maintenant, je frappe un.

188
00:15:30,600 --> 00:15:31,180
Et il fonctionne.

189
00:15:31,180 --> 00:15:34,130
S et D, mais aucune autre clé ne fait rien.

190
00:15:34,320 --> 00:15:35,440
Génial.

191
00:15:35,450 --> 00:15:37,380
Donc, maintenant, nous allons obtenir le son à jouer.

192
00:15:37,770 --> 00:15:39,200
Donc, c'est aussi agréable et simple.

193
00:15:39,210 --> 00:15:51,140
Nous avons juste besoin d'un son de clé d'événement clé de données et je ne sais pas pourquoi j'ai nommé ces deux sons qui auraient dû être sonores.

194
00:15:51,170 --> 00:15:55,070
Là-bas nous allons ce jeu de points sonores.

195
00:15:55,080 --> 00:15:59,290
Rappelez-vous les plots Venki dans cette presse Savey D.

196
00:15:59,430 --> 00:16:00,780
Nous obtenons cet objet.

197
00:16:00,960 --> 00:16:02,400
Nous faisons ce bruit là-dessus.

198
00:16:02,430 --> 00:16:06,720
Nous obtenons ce que nous avons ensuite exécuter jouer sur comme avant.

199
00:16:07,080 --> 00:16:09,590
OK, allons-y.

200
00:16:09,890 --> 00:16:11,960
A Comme le.

201
00:16:12,240 --> 00:16:14,460
Et les autres touches ne font rien.

202
00:16:14,900 --> 00:16:15,460
Parfait.

203
00:16:15,510 --> 00:16:25,320
Donc tout ce que nous avons à faire ici est vraiment juste ajouter dans toutes ses autres clés et ce serait vraiment douloureux pour vous de me regarder le type à partir de zéro.

204
00:16:25,320 --> 00:16:29,720
J'ai ce pré-fait je vous ai donné le fichier dans le téléchargement.

205
00:16:30,060 --> 00:16:31,090
Je l'ai appelé jour après jour.

206
00:16:31,190 --> 00:16:31,830
Oui.

207
00:16:31,860 --> 00:16:37,490
Donc, si nous ouvrons cela, c'est juste un objet géant qui a toutes les clés de la lettre.

208
00:16:37,620 --> 00:16:40,110
Donc nous avons q w e r.

209
00:16:40,120 --> 00:16:41,570
Ils ne sont pas vraiment dans un ordre quelconque.

210
00:16:41,610 --> 00:16:45,600
Eh bien, ils sont mais aucun ordre particulier en ce qui concerne les couleurs et les sons.

211
00:16:45,720 --> 00:16:48,750
Je viens de choisir aléatoire ones et ils ont chacun une couleur.

212
00:16:49,020 --> 00:17:01,290
Donc, si nous copions cela et de remplacer ce que nous avons ici, assurez-vous que nous appelons les données clés parfait.

213
00:17:01,290 --> 00:17:11,980
Nous avons maintenant fourni ce dictionnaire de couleurs sonores pour chaque simple clé de chaque simple alphabet clé au moins.

214
00:17:12,360 --> 00:17:13,460
Et nous pouvons utiliser cela.

215
00:17:13,500 --> 00:17:15,220
Nous n'avons pas à changer notre code du tout.

216
00:17:15,270 --> 00:17:26,770
Donc, c'est vraiment bien si nous voulons ajouter des touches numériques où nous voulons ajouter dans l'onglet et le changement et l'échappement et tout ce que nous avons juste ajouter une propriété supplémentaire sur cet objet.

217
00:17:26,850 --> 00:17:32,580
Alors essayons de le fermer et de le rafraîchir.

218
00:17:32,580 --> 00:17:36,800
Parfait.

219
00:17:36,840 --> 00:17:37,550
D'accord.

220
00:17:37,700 --> 00:17:38,880
Alors ne vous laissez pas emporter ici.

221
00:17:38,900 --> 00:17:44,810
Joli amusement cependant.

222
00:17:47,660 --> 00:17:48,100
D'ACCORD.

223
00:17:48,200 --> 00:17:49,100
D'accord, c'est assez.

224
00:17:49,350 --> 00:17:56,600
Donc, nous avons beaucoup couvert, mais à la fin de la journée, tout ce que nous avons fait, c'était de prendre un code que nous avons trouvé pour faire un cercle.

225
00:17:56,720 --> 00:18:01,650
Nous avons pris un code que nous avons trouvé pour animer un cercle pour changer la couleur.

226
00:18:01,800 --> 00:18:03,740
Nous avons trouvé du code pour faire des événements.

227
00:18:03,780 --> 00:18:04,960
Donc quand vous appuyez sur une touche.

228
00:18:05,180 --> 00:18:09,530
Et puis nous combinons cela avec un autre code, nous avons trouvé de jouer de la musique.

229
00:18:09,650 --> 00:18:13,970
Et quand vous le mettez ensemble vous pouvez faire des choses fraîches et il ya beaucoup plus que vous pouvez faire ici.

230
00:18:14,150 --> 00:18:16,500
Et nous ne sommes pas 100 pour cent fait.

231
00:18:16,500 --> 00:18:21,110
Nous avons terminé avec la fonctionnalité de sorte que nous n'ajoutons aucune nouvelle fonctionnalité et ne sera pas différent.

232
00:18:21,450 --> 00:18:30,060
Mais si vous ouvrez la console, vous verrez que nous obtenons tous ceux-ci ne peut pas charger les fichiers SML HTP demande croix d'origine.

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

234
00:18:31,260 --> 00:18:32,750
Je vais couvrir cela dans la prochaine vidéo.

235
00:18:32,760 --> 00:18:36,590
Expliquez pourquoi cela se produit et comment nous pouvons y remédier.

236
00:18:36,680 --> 00:18:49,250
Et puis l'autre chose que nous allons faire est de parler d'une petite façon de refactoriser cela parce que maintenant, chaque fois que j'appuie, j'ajoute un nouveau cercle au tableau du cercle et je ne les retire jamais de ce tableau.

237
00:18:49,400 --> 00:18:53,700
Donc je pourrais avoir 10000 en ce moment.

238
00:18:53,820 --> 00:19:00,020
Eh bien, je ne peux pas, mais je pourrais avoir une centaine et il ya 200 et nous sommes en boucle sur toute cette chose.

239
00:19:00,060 --> 00:19:03,450
Même si nous ne voyons pas les cercles parce qu'ils sont si petits.

240
00:19:03,720 --> 00:19:07,000
Nous ferons donc un petit changement pour nous débarrasser de ceux de la prochaine vidéo.

241
00:19:07,140 --> 00:19:12,760
Mais encore une fois nous avons terminé avec la fonctionnalité si vous ne vous souciez pas de voir que vous avez juste aimé faire cela et que vous voulez passer à autre chose.

242
00:19:12,990 --> 00:19:14,350
Allez-y et passez à l'unité suivante.