1
00:00:00,330 --> 00:00:07,200
 

2
00:00:07,200 --> 00:00:14,850
 

3
00:00:14,850 --> 00:00:20,730
 

4
00:00:20,730 --> 00:00:23,720
このレッスンでは、オーディオを追加して、各キーを押すと再生する音楽サンプルを追加し、それぞれのキーに独自の色を付けることに焦点を当て、常にこのオレンジ色を取得するわけではありません黄色に変わって緑色に消えますが、ここではすべての色を見ることができるように青色のものがいくつかあります。

5
00:00:24,300 --> 00:00:33,900
しかし、それはいつもHのような任意の与えられたキーのために常に同じ色です。このオレンジのキューは常にこれがT Yなどです。

6
00:00:34,760 --> 00:00:36,980
 

7
00:00:37,250 --> 00:00:37,570
OK。

8
00:00:37,590 --> 00:00:42,030
だから私たちは、サウンドをどのように演奏できるかを理解するだけです。

9
00:00:42,030 --> 00:00:45,000
Hallardを使って音を出す方法

10
00:00:45,030 --> 00:00:52,800
Hauslerのはい、基本的にはPaperchaseとは逆ですが、その複雑さは本当にシンプルなのでシンプルです。

11
00:00:52,800 --> 00:00:55,250
 

12
00:00:55,290 --> 00:01:00,390
もう一度、ライブラリなしでオーディオを再生できますが、それは少しです。

13
00:01:00,390 --> 00:01:05,220
 

14
00:01:05,220 --> 00:01:10,890
 

15
00:01:11,280 --> 00:01:13,230
 

16
00:01:16,170 --> 00:01:22,200
一度は音を出すだけではなく、私たちがやりたいことのようなことをしたいときに少し痛いですが、私がこれをやっていると言うように、10回連続して音を鳴らしたいと思っています私はそれが実際に私たちが望んでいるように振る舞うように働くことの少しのようなことをすることができるようになりたいです。

17
00:01:22,320 --> 00:01:27,830
 

18
00:01:27,830 --> 00:01:32,850
 

19
00:01:32,850 --> 00:01:35,910
実際には迷惑なような音を演奏するのは本当に簡単ですが、Webサイトに行くといくつかの種類の音や曲がバックグラウンドで演奏されています。これはhのタイムフクロウやjavascriptで本当に簡単です。

20
00:01:35,910 --> 00:01:40,470
しかし、このようなことをするためには、同時に音が鳴り響くことがあります。私たちは物事を繰り返すことができ、Hallard J

21
00:01:40,470 --> 00:01:44,550
usのようなものを使う方がはるかに簡単です。

22
00:01:44,820 --> 00:01:45,980
もう一度不可能ではありません。

23
00:01:45,990 --> 00:01:48,630
図書館と同じように、あなたは自分でそれを行うことができます。

24
00:01:48,810 --> 00:01:50,950
しかし、私たちは本当にしたくありません。

25
00:01:51,570 --> 00:01:56,550
ですから、どのように動作するかを見れば、ここでこの小さなコードを使用して新しい方法を作成する必要があります。

26
00:01:56,900 --> 00:01:59,110
 

27
00:01:59,130 --> 00:02:02,800
それでは、私たちがどのように初期化し、どのように知っているのか。

28
00:02:02,970 --> 00:02:08,420
次に、再生したいファイルのいくつかのURLのリストを与えます。

29
00:02:08,500 --> 00:02:15,300
 

30
00:02:15,300 --> 00:02:20,490
 

31
00:02:20,490 --> 00:02:24,330
だから私たちは、これらの異なる配列を与える理由は、彼らは彼らが同じであるように見えるにもかかわらず、彼らは異なったファイルであり、あなたがそれらを置く順序は、ハウラーが試してロードする順序ですそれらの。

32
00:02:24,330 --> 00:02:29,490
だから、基本的にはすべてのブラウザで動作する特定のファイルタイプがあり、その中のいくつかはすべてのブラウザで動作しません。

33
00:02:29,520 --> 00:02:30,600
 

34
00:02:30,600 --> 00:02:32,700
特定のバックアップを指定することができます。

35
00:02:32,850 --> 00:02:33,680
我々はそれをするつもりはない。

36
00:02:33,690 --> 00:02:35,260
私たちはただ一つのファイルを持っています。

37
00:02:35,340 --> 00:02:40,620
しかし、バックアップを基本的には私が知っている限り、少なくともここでそれについて読むことができる方法は、私は確信している方法を持っていた場合。

38
00:02:40,620 --> 00:02:42,590
 

39
00:02:42,630 --> 00:02:48,250
ここでは、トラックのトラックやトラックの音源をロードします。

40
00:02:48,310 --> 00:02:49,640
これらは優先順位でなければなりません。

41
00:02:49,650 --> 00:02:53,630
Howard Jascは、現在のブラウザと互換性のある最初のものを自動的に読み込みます。

42
00:02:53,640 --> 00:02:54,760
だからそこに行く。

43
00:02:54,900 --> 00:02:58,120
私たちは同じ曲の他のバージョンで追加することができます。

44
00:02:58,140 --> 00:03:04,690
私たちのケースでは、同じサンプルとホラーは、互換性のある最初のサンプルとホラーを自動的にロードします。

45
00:03:04,980 --> 00:03:05,680
OK。

46
00:03:05,880 --> 00:03:08,690
だから我々が必要とするコードは新しいハウエルです。

47
00:03:09,000 --> 00:03:12,050
そして、あなたが行くとそれはそれです。

48
00:03:12,090 --> 00:03:14,340
そして、我々はそれを再生する準備ができているとき、我々は単にプレイを呼び出す。

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

50
00:03:18,420 --> 00:03:19,590
あなたはここで見ることができ、私たちはそれを止めません。

51
00:03:19,590 --> 00:03:20,750
私たちは一時停止しません。

52
00:03:20,790 --> 00:03:23,510
私たちのサウンドは本当に短いので、ループしません。

53
00:03:23,610 --> 00:03:26,280
だから私たちは彼らに遊びをさせて終了させるだけです。

54
00:03:26,280 --> 00:03:29,660
それぞれ約0.5秒から1秒の間です。

55
00:03:29,850 --> 00:03:35,760
だから、まだ行っていなければ、すべてのサウンドを持ち、あなたのコードを書いていたのと同じディレクトリにドラッグされたzipファイルをダウンロードしてください。

56
00:03:35,760 --> 00:03:39,650
 

57
00:03:39,750 --> 00:03:42,700
したがって、サウンドの代わりにこれらのファイルがすべてあります。

58
00:03:43,620 --> 00:03:44,400
大丈夫。

59
00:03:44,460 --> 00:03:48,090
次に、HAUSLERをインストールして使用する必要があります。

60
00:03:48,150 --> 00:03:49,500
あなたはそれをダウンロードすることができます。

61
00:03:49,750 --> 00:03:52,600
しかし、いろんな意味で、私はCDNを使用します。

62
00:03:52,620 --> 00:03:54,990
だから、ちょうど最初にハウラーCDNコピーを探しました。

63
00:03:57,640 --> 00:03:58,460
 

64
00:03:58,470 --> 00:04:02,850
あなたはここにいるすべての人が、それが正当なものかどうか常にテストすることができます。

65
00:04:02,850 --> 00:04:03,420
さあ。

66
00:04:03,480 --> 00:04:05,870
ハウラー用のコードは次のとおりです。

67
00:04:05,970 --> 00:04:06,710
完璧。

68
00:04:06,960 --> 00:04:08,040
 

69
00:04:11,460 --> 00:04:13,230
私たちのアプリに戻ってみましょう。スクリプトを追加するだけです。

70
00:04:13,230 --> 00:04:19,860
それで紙がそれを複製してソースをハウラーに変えれば、何の問題もなくOKがロードされるようにしましょう。

71
00:04:19,860 --> 00:04:22,470
 

72
00:04:23,700 --> 00:04:25,090
完璧。

73
00:04:25,770 --> 00:04:29,330
次は、実際に最初の鳴き声を作りましょう。

74
00:04:29,490 --> 00:04:32,010
だから、このコードをhowerからもう一度コピーしましょう。

75
00:04:32,040 --> 00:04:33,480
 

76
00:04:36,420 --> 00:04:38,930
この最初のものをここに持っていって、それを一番上手くやってみましょう。

77
00:04:39,120 --> 00:04:46,920
ここではちょうどそれをやってみましょう。そして、VARの健全な同輩がどのように知っていたのか、私たちはただ一つのファイルを入れ、私たちが見ているものを最初にやってみましょう。

78
00:04:46,920 --> 00:04:50,700
 

79
00:04:50,700 --> 00:04:57,340
だから、バブルズはMP 3を手に入れました。

80
00:04:57,420 --> 00:04:58,390
そうですね。

81
00:04:58,440 --> 00:04:59,950
スラッシュ気泡。

82
00:04:59,970 --> 00:05:01,530
私はすでに泡を使うのを忘れていました。

83
00:05:01,530 --> 00:05:01,970
そこに行く。

84
00:05:02,010 --> 00:05:03,130
複数化されています。

85
00:05:03,180 --> 00:05:04,970
あなたのようにバブルです。

86
00:05:04,980 --> 00:05:06,900
MP 3それは私たちが必要なすべてです。

87
00:05:07,380 --> 00:05:09,450
そしてすぐにそれをやりません。

88
00:05:09,900 --> 00:05:10,960
それを作成しましょう。

89
00:05:10,980 --> 00:05:12,310
それだけでいいのです。

90
00:05:12,750 --> 00:05:14,670
そして、それを再生するだけでそれを再生しましょう。

91
00:05:14,670 --> 00:05:23,380
キーを押したときに音のドットが本当に素敵でシンプルに再生されます。

92
00:05:25,480 --> 00:05:26,770
そこに行く。

93
00:05:26,800 --> 00:05:34,680
だから、さまざまなキーを押しているすべてのキーが、その音を鳴らすようになりました。

94
00:05:34,720 --> 00:05:36,220
うまくいけばそれはあまりにも迷惑ではなかった。

95
00:05:36,220 --> 00:05:40,040
次に、別のサウンドを追加することに焦点を当てましょう。

96
00:05:40,270 --> 00:05:41,830
だから私たちは2つのことをやり始めます。

97
00:05:41,830 --> 00:05:42,730
だから私たちには泡があります。

98
00:05:42,760 --> 00:05:54,250
Clay

99
00:05:54,250 --> 00:05:58,490
MP3をやってみましょう。これを複製して、新しいHowellと同じ2音色にして、サウンドスラッシュクレイとP3をやります。

100
00:05:59,320 --> 00:06:03,510
そしてここで私たちがやることには、if文があります。

101
00:06:03,580 --> 00:06:05,210
では、2つのキーに注目しましょう。

102
00:06:05,230 --> 00:06:07,610
aとsをやりましょう。

103
00:06:07,720 --> 00:06:17,470
だから、もしあなたがaのキーを押したならば、私たちは音を鳴らし、鍵があなたの周りに引用符を入れているならば、それをもっと明瞭にするためにそれを聞こえるようにしましょう。

104
00:06:19,180 --> 00:06:25,150
 

105
00:06:25,150 --> 00:06:28,340
それから私たちも音を演奏します。

106
00:06:28,390 --> 00:06:36,160
したがって、どのキーが押されたのかを知るためには、Paperchaseではこのイベントオブジェクトがあり、イベントドットキーが必要です。

107
00:06:36,220 --> 00:06:39,280
 

108
00:06:39,280 --> 00:06:45,360
だから私たちはちょうどキーがaと等しいイベントならばif文を読みます。

109
00:06:46,540 --> 00:06:48,810
それから、演奏音だけを演奏します。

110
00:06:48,810 --> 00:06:56,410
それは健全な演奏であり、同じことをします。

111
00:06:56,500 --> 00:07:04,100
イベントのドットキーが等しい場合は、サウンドも再生されます。

112
00:07:04,120 --> 00:07:07,190
それで、まるでそれと同じように演奏する音。

113
00:07:07,870 --> 00:07:08,740
だから我々はそれを試すことができます。

114
00:07:08,740 --> 00:07:13,420
だから、キーとSだけが物事を引き起こすはずです。

115
00:07:13,420 --> 00:07:17,710
だから、私は間違いがあるように私はqの姿を打っている今あなたに言うでしょう。

116
00:07:18,280 --> 00:07:19,530
私たちは何を得ているのですか？

117
00:07:19,870 --> 00:07:21,930
サウンドは定義されていません。

118
00:07:21,940 --> 00:07:26,770
ここではこれらの警告を無視してください。最後にこれらの警告を修正します。

119
00:07:26,830 --> 00:07:31,260
それはより複雑な問題ですが、実際には私たちのコードが開始するように働くことはありません。

120
00:07:31,450 --> 00:07:34,030
しかし、これはとてもばかげたエラーです。

121
00:07:34,360 --> 00:07:37,790
私はここで音を参照していた。

122
00:07:37,810 --> 00:07:39,150
もう音はありません。

123
00:07:39,740 --> 00:07:40,320
OK。

124
00:07:40,720 --> 00:07:42,460
今は何も遊ばないはずです。

125
00:07:42,460 --> 00:07:50,050
私がほとんどのキーを押すと、私はKの他のキーを打つだろうし、今は持っていた。

126
00:07:50,260 --> 00:07:52,980
だから我々はn sを持っている。

127
00:07:53,650 --> 00:07:54,700
完璧。

128
00:07:54,790 --> 00:08:01,380
そして、私たちもできることは、それぞれに色を割り当てて、このようなことをすることができるようにすることです。

129
00:08:01,420 --> 00:08:09,790
これを同じキーの下に移動してみましょう。右に押す前に、このようなことをすることができます。イベントの場合は、そのサウンドが再生され、新しい円の色を設定できます。色は3

130
00:08:09,790 --> 00:08:21,670

131
00:08:22,150 --> 00:08:32,210
0を見て同じことをするのが好きです。

132
00:08:32,230 --> 00:08:45,270
私たちがSを押したければ、別の色で16 a 0 8

133
00:08:48,520 --> 00:08:52,460
5をやってみて、それから別の色をつけてもいいと思うのですが、これはおそらくこれを行う最良の方法ではありません。

134
00:08:52,480 --> 00:08:57,890
2人であれ20人であればOKかもしれませんが、30〜50のキーは約20人です。

135
00:08:57,910 --> 00:09:00,530
我々は、キーボード全体とすべての異なる文字を使用します。

136
00:09:00,640 --> 00:09:02,390
それはたくさんのコードでしょう。

137
00:09:02,860 --> 00:09:05,020
しかし、私は今あなたを見せてくれます。

138
00:09:05,140 --> 00:09:09,490
ほとんどの色やほとんどのキーが音を出さないようにします。

139
00:09:09,560 --> 00:09:10,830
彼らは私たちに同じ色を与えます。

140
00:09:10,930 --> 00:09:21,500
今私はUPSを持っていれば2つのキーを押すと、私たちは青を与えるように少し異なる色を与えます。

141
00:09:21,820 --> 00:09:26,460
もちろん、私がここで選んだ色は難しいです。

142
00:09:26,460 --> 00:09:29,760
変化が紫色に変わるのを見るのは難しいです。

143
00:09:30,130 --> 00:09:32,650
技術的にはこれを他のものにする必要があります。

144
00:09:32,710 --> 00:09:40,810
そうであれば、キーがLCFかどうかをチェックし、そうでなければif文が2つあるかどうかチェックします。

145
00:09:40,810 --> 00:09:46,960
この1つが実行され、次に別のものがある場合、それが真実でない場合、エルソは真実ですが、考慮されません。

146
00:09:46,960 --> 00:09:48,580
 

147
00:09:48,570 --> 00:09:54,970
したがって、これらのうちの1つだけが真実であることを望むなら、我々はただ1つの色を青または青の紫色にしたい。

148
00:09:54,970 --> 00:09:58,570
そして、if文にif文を追加したいと思っていますが、実際には問題にはなりません。

149
00:09:58,570 --> 00:10:00,210
 

150
00:10:00,310 --> 00:10:02,760
今ここでのリフレッシュは通常のキーです。

151
00:10:02,860 --> 00:10:09,290
私は青と2つの異なる音を得ると、紫色の打撃を受けるが、私は打つ。

152
00:10:09,290 --> 00:10:09,820
OK。

153
00:10:10,150 --> 00:10:12,170
そういうわけで、私たちはHauslerを使う方法です。

154
00:10:12,190 --> 00:10:17,940
今私達はすべての単一の鍵のためにこれをしたいと思って、私達がここに持っているものよりずっと良い方法があります。

155
00:10:17,950 --> 00:10:20,190
だから私は実際にこれをすべて取り除くつもりだからできる。

156
00:10:22,890 --> 00:10:23,880
 

157
00:10:23,910 --> 00:10:30,240
前に述べたように、キーがBの場合はすべての単一キーのif文があり、キーがBの場合はすべての単一キーのif文があります。

158
00:10:30,300 --> 00:10:31,240
 

159
00:10:31,250 --> 00:10:33,590
しかし、それは本当に良い習慣ではありません。

160
00:10:33,600 --> 00:10:42,810
だから私たちが代わりにやることは、オブジェクトを定義することです。それをキーデータと呼ぶだけで、オブジェクトです。

161
00:10:42,990 --> 00:10:44,480
そして、これはそれがどのように見えるかです。

162
00:10:44,580 --> 00:10:46,710
だから私たちはaのような鍵を持っています。

163
00:10:47,000 --> 00:10:57,930
そしてaが押されると、色は紫色で、その音はすべきだと言います。

164
00:10:57,930 --> 00:11:01,740
そして、この全体をそこに入れてみましょう。

165
00:11:03,030 --> 00:11:04,620
だから私はこれをちょっと待っていきます。

166
00:11:04,620 --> 00:11:13,070
私はこれを最初に入れてから、私たちのために同じことをやり直すことができます。

167
00:11:13,230 --> 00:11:20,100
だから、いつ押された色が緑色で、音色が新しいはずです。

168
00:11:20,100 --> 00:11:21,420
どうしますか。

169
00:11:21,540 --> 00:11:28,950
あなたがそうしていることと同じことをして、スラッシュをやりましょう。クレイはMP3を考えて、それから私たちはすべての単一のキーについてそれを行うことができました。

170
00:11:32,610 --> 00:11:34,630
 

171
00:11:34,680 --> 00:11:40,950
 

172
00:11:40,960 --> 00:11:47,450
はい、ここでは多くの構文がありますが、利点は、すべてのデータが定義されている場所が1つあり、if文が必要ないか、単一のキーごとに別の条件が必要なことです。

173
00:11:47,580 --> 00:11:53,640
私たちがしなければならないことは、実際には取り除かれたイベントドットキーがどこにあるかを取ることです。

174
00:11:53,630 --> 00:11:54,540
これをここで取る。

175
00:11:54,540 --> 00:11:58,390
イベントキーは押されたキーです。

176
00:11:58,920 --> 00:12:04,560
そしてそれが手紙Jであるとしよう。

177
00:12:04,860 --> 00:12:11,350
その場合、それを取ってキーデータに差し込むと、紫色の音色になります。

178
00:12:11,730 --> 00:12:12,720
これは音質ですか？

179
00:12:12,720 --> 00:12:13,710
だから私はあなたが何を意味するかを見せます。

180
00:12:13,740 --> 00:12:20,910
この2つの例を見てみましょう。そして、それをもっと明白にするために、私たちが持っているものをもう一度複製してみましょう。

181
00:12:20,910 --> 00:12:23,000
 

182
00:12:23,280 --> 00:12:26,360
だから私たちはnを持っています。

183
00:12:26,490 --> 00:12:33,750
色が黄色すぎて音が出ることもあります。

184
00:12:33,750 --> 00:12:34,960
それ以外に何がありますか？

185
00:12:35,220 --> 00:12:40,480
紙吹雪をしよう。

186
00:12:41,190 --> 00:12:42,240
完璧。

187
00:12:42,240 --> 00:12:43,770
この末尾のカンマを取り除く。

188
00:12:43,980 --> 00:12:50,040
 

189
00:12:50,040 --> 00:12:57,690
私たちはこれを取り除くことができます。少し前にこれを変更する必要があります。その次のことは、イベントのダックキーをキーデータに差し込むことです。

190
00:12:58,410 --> 00:12:59,640
だから私たちはこのようなことをすることができました。

191
00:12:59,630 --> 00:13:09,480
キーのデータ括弧のイベントキーとそれは、私たちがこの事をここに私たちに与えているイベントの場合は私たちを与えるだろうし、我々はそこから始めることができるように色をすることができます。

192
00:13:09,480 --> 00:13:15,320
 

193
00:13:16,200 --> 00:13:24,590
それでは、新しいサークルをプッシュする前に、まず新しいサークルの塗りつぶしの色がキーデータイベントのキーカラーに等しいと言うだけです。

194
00:13:24,970 --> 00:13:28,290
 

195
00:13:28,350 --> 00:13:32,660
だから、暗い鍵を繰り返すだけの手紙です。

196
00:13:33,300 --> 00:13:35,030
私たちの場合は、それが手紙であることを確認します。

197
00:13:35,040 --> 00:13:39,110
技術的には数字やシフトキーのタブにすることができますが、それは押されたキーです。

198
00:13:39,190 --> 00:13:41,590
それから、キーデータにプラグインします。

199
00:13:41,610 --> 00:13:44,260
私たちはこの全体を取り出す。

200
00:13:44,280 --> 00:13:50,520
ユーザーがaを押した場合、eventimeキーがaの場合、暗い色をして紫色を表示します。

201
00:13:50,520 --> 00:13:53,250
それで、新しいサークルを設定していますが、色を紫色に塗りつぶしています。

202
00:13:53,280 --> 00:13:57,890
イベントDuck Keyが通知であった場合、if文を使用する必要はありません。

203
00:13:58,170 --> 00:14:03,480
したがって、トルコがこれを行うかどうかについては言及する必要はありません。

204
00:14:03,480 --> 00:14:04,990
これは何となく同じ行です。

205
00:14:05,100 --> 00:14:11,220
この1つの辞書、またはこのデータの1つのソースが定義されているため、もちろん問題があります。

206
00:14:11,910 --> 00:14:14,170
これは現在SとDのためだけに機能します。

207
00:14:14,280 --> 00:14:18,670
だから私はあなたがリフレッシュして、構文エラーがないことを確認します。

208
00:14:18,720 --> 00:14:24,080
私たちは色を読み取ることができないか、または未定義の色を正しく読み取ることができません。これは構文エラーではありません。

209
00:14:24,210 --> 00:14:25,660
それは私が期待しているエラーです。

210
00:14:25,710 --> 00:14:26,760
だから私はあなたを見せます。

211
00:14:26,850 --> 00:14:31,830
私は良いプレスを押すか、またはDも良いです。

212
00:14:32,070 --> 00:14:35,030
しかし、今私はQを押すそして、私たちには問題があります。

213
00:14:35,460 --> 00:14:41,580
これは、Qの定義されていないキーデータが存在しないためです。

214
00:14:41,580 --> 00:14:43,320
私たちはSとDを持っています。

215
00:14:43,400 --> 00:14:45,030
だからそれは問題です。

216
00:14:45,030 --> 00:14:47,540
それを修正する方法は簡単です。

217
00:14:47,550 --> 00:14:52,470
ここでこれを行うかどうかを確認するだけです。

218
00:14:52,580 --> 00:15:00,840
キー・データ・ブラケット・イベントのDockyの場合は、そのキー・プレスの上部に表示されます。

219
00:15:00,890 --> 00:15:08,390
それが誠実であるかどうかを覚えておいてください。基本的に存在すれば、私たちはすべてこれを行います。

220
00:15:08,760 --> 00:15:14,520
そうでなければ、私たちは何かを始めることはしません。

221
00:15:14,740 --> 00:15:16,590
私は実際に何もしません。

222
00:15:16,590 --> 00:15:22,500
だから、今のAppleは、SとDを押すと、何かをするか、何かをするだけで動作します。

223
00:15:22,500 --> 00:15:26,440
だからちょうど戻ってみましょう。

224
00:15:26,490 --> 00:15:27,690
Q何も起こらない。

225
00:15:27,810 --> 00:15:29,480
私はたくさんの鍵を押しています。

226
00:15:29,610 --> 00:15:30,550
今私はヒット。

227
00:15:30,600 --> 00:15:31,180
そして、それは動作します。

228
00:15:31,180 --> 00:15:34,130
SとDは他のキーは何もしません。

229
00:15:34,320 --> 00:15:35,440
すばらしいです。

230
00:15:35,450 --> 00:15:37,380
では、音を再生しましょう。

231
00:15:37,770 --> 00:15:39,200
それはまた、素敵でシンプルです。

232
00:15:39,210 --> 00:15:49,800
キーデータイベントキーの音が欲しいだけなのですが、どうして私がこれら2つの音を鳴らしていたのかは分かりません。

233
00:15:49,800 --> 00:15:51,140
 

234
00:15:51,170 --> 00:15:55,070
そこに私達はその健全なドットプレイをします。

235
00:15:55,080 --> 00:15:59,290
このサーベイのプレスDにVenkiプラグを覚えておいてください。

236
00:15:59,430 --> 00:16:00,780
このオブジェクトを取得します。

237
00:16:00,960 --> 00:16:02,400
私たちはそれを聞きます。

238
00:16:02,430 --> 00:16:06,720
私たちはこれを得て、前と同じように演奏します。

239
00:16:07,080 --> 00:16:09,590
さあ、打ちましょう。

240
00:16:09,890 --> 00:16:11,960
Aとして。

241
00:16:12,240 --> 00:16:14,460
他のキーは何もしません。

242
00:16:14,900 --> 00:16:15,460
完璧。

243
00:16:15,510 --> 00:16:21,900
だから私たちがここでやるべきことは、実際には他の鍵をすべて追加するだけです。それはあなたが私が最初からタイプするのを見ることは本当に痛いでしょう。

244
00:16:21,890 --> 00:16:25,320
 

245
00:16:25,320 --> 00:16:29,720
私はその前提を持ってダウンロードしたファイルをあなたに渡しました。

246
00:16:30,060 --> 00:16:31,090
私は毎日それを呼んだ。

247
00:16:31,190 --> 00:16:31,830
はい。

248
00:16:31,860 --> 00:16:37,490
だから、それを開くと、それは文字キーのすべてを持つ巨大なオブジェクトです。

249
00:16:37,620 --> 00:16:40,110
だから私たちはq w e rを持っています。

250
00:16:40,120 --> 00:16:41,570
彼らは本当の順序ではありません。

251
00:16:41,610 --> 00:16:45,600
まあ、彼らは色と音までは特に順序はありません。

252
00:16:45,720 --> 00:16:48,750
私はちょうどランダムなものを選び、それぞれは色を持っています。

253
00:16:49,020 --> 00:16:56,040
だから私たちがこれをコピーしてここにあるものを置き換えれば、そのデータを完璧なキーデータと呼ぶことができます。

254
00:16:58,800 --> 00:17:01,290
 

255
00:17:01,290 --> 00:17:11,210
ここでは、少なくとも1つのアルファベットキーごとに1つのキーごとに色を付けるこの辞書を提供しました。

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

257
00:17:12,360 --> 00:17:13,460
そしてそれを使うことができます。

258
00:17:13,500 --> 00:17:15,220
コードを変更する必要はありません。

259
00:17:15,270 --> 00:17:21,410
したがって、TabキーとShiftキーとEscキーで追加する数値キーを追加したい場合は、このオブジェクトに追加のプロパティを追加するだけです。

260
00:17:21,840 --> 00:17:26,770
 

261
00:17:26,850 --> 00:17:32,580
だからそれを閉じてみてみましょう。

262
00:17:32,580 --> 00:17:36,800
完璧。

263
00:17:36,840 --> 00:17:37,550
大丈夫。

264
00:17:37,700 --> 00:17:38,880
だからここで奪われないでください。

265
00:17:38,900 --> 00:17:39,420
かなり楽しいですが。

266
00:17:47,660 --> 00:17:48,100
OK。

267
00:17:48,200 --> 00:17:49,100
大丈夫だよ。

268
00:17:49,350 --> 00:17:54,720
だから私たちはたくさんのことをカバーしましたが、終わりには私たちが本当にやったことはすべて、私たちがサークルを作るために見つけたコードを取ることでした。

269
00:17:55,050 --> 00:17:56,600
 

270
00:17:56,720 --> 00:18:01,650
色を変更するために円をアニメーション化するために見つけたコードをいくつか取りました。

271
00:18:01,800 --> 00:18:03,740
イベントを行うためのコードがいくつか見つかりました。

272
00:18:03,780 --> 00:18:04,960
キーを押すと

273
00:18:05,180 --> 00:18:09,530
そして、それをいくつかの音楽を演奏するために見つけた他のコードと組み合わせます。

274
00:18:09,650 --> 00:18:13,970
そしてあなたが一緒にそれをまとめるとき、あなたはいくつかのクールなものを作ることができます、そして、あなたがここでできることはもっとたくさんあります。

275
00:18:14,150 --> 00:18:16,500
そして、私たちは100％完了していません。

276
00:18:16,500 --> 00:18:20,860
私たちは機能が完成したので、新しい機能は追加しておらず、違いは見えません。

277
00:18:21,450 --> 00:18:29,480
しかし、あなたがコンソールを開くと、我々はこれらのすべてがSML HTPリクエストクロスソースファイルをロードできないことがわかります。

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

279
00:18:30,060 --> 00:18:31,050
何とか何とか何とか。

280
00:18:31,260 --> 00:18:32,750
私は次のビデオでそれを説明します。

281
00:18:32,760 --> 00:18:36,590
それがなぜ起こっているのか、それをどのように修正できるのかについて話してください。

282
00:18:36,680 --> 00:18:42,380
 

283
00:18:42,720 --> 00:18:48,420
 

284
00:18:48,410 --> 00:18:49,250
そして私たちが行うもう一つのことは、リファクタリングの小さな方法について話しています。なぜなら私が押すたびに円の配列に新しいサークルを追加することになり、決してそれらの配列からそれらを削除することはないからです。

285
00:18:49,400 --> 00:18:53,700
だから私は今そこに10000を持っているかもしれない。

286
00:18:53,820 --> 00:19:00,020
まあ、私はしませんが、私は100を持っている可能性があり、200があり、我々はその全体をループしています。

287
00:19:00,060 --> 00:19:03,450
たとえ小さくてもサークルは表示されません。

288
00:19:03,720 --> 00:19:07,000
だから、次のビデオの人たちを取り除くために少し変更を加えます。

289
00:19:07,140 --> 00:19:11,550
しかし、やはり我々は機能性をもっているので、あなたがこれを作ったことが気に入らず、あなたが進んでいきたいと思っても気にしないならば。

290
00:19:11,550 --> 00:19:12,760
 

291
00:19:12,990 --> 00:19:14,350
次のユニットに移動してください。