1
00:00:00,090 --> 00:00:01,280
だから我々はここで良い形になっている。

2
00:00:01,370 --> 00:00:06,980
私たちが次にやりたいことは、毎回同じ6色を使わないようにすることです。

3
00:00:07,230 --> 00:00:12,990
代わりに、6つのランダムな色を生成し、その6つのランダムな色でこの配列を塗りつぶし、それらの色を生成するためにそれらの1つを選択します。

4
00:00:12,990 --> 00:00:15,620
 

5
00:00:15,630 --> 00:00:18,320
私は実際に私たちを助ける別の関数を書くつもりです。

6
00:00:18,390 --> 00:00:24,360
 

7
00:00:24,360 --> 00:00:30,960
 

8
00:00:30,960 --> 00:00:34,590
だから私たちの関数は、ハードコーディングされた配列のレンダリングを行いません。関数呼び出しと同じ色を設定します。これは、ランダムな色を生成するものですが、まだ存在しません。配列内で生成する。

9
00:00:34,590 --> 00:00:40,230
したがって、簡単なモードとハードモードの2つの項目を持つ配列が必要な場合は、最終的に6が必要になります。

10
00:00:40,230 --> 00:00:41,820
 

11
00:00:42,060 --> 00:00:43,510
だから、まずは6で始める。

12
00:00:43,560 --> 00:00:45,570
これは、ページが読み込まれるときに必要なものです。

13
00:00:45,900 --> 00:00:51,900
次に、数値をとり、配列の代わりにX個のランダムな色を返すランダム色生成関数を作成する必要があります。

14
00:00:51,960 --> 00:00:54,430
 

15
00:00:54,450 --> 00:00:57,900
だから私はここでそれをやるでしょう。

16
00:00:57,900 --> 00:01:08,730
関数はランダムな色を生成し、それは引数をとるべきです。

17
00:01:08,730 --> 00:01:09,060
 

18
00:01:09,060 --> 00:01:10,440
私の疑似コード。

19
00:01:10,440 --> 00:01:12,550
だから私は配列を作るつもりです。

20
00:01:12,900 --> 00:01:22,410
配列にランダムな色を追加して、最後にその配列を返すつもりです。

21
00:01:24,120 --> 00:01:26,370
だからこれを始めるのが最も簡単な部分です。

22
00:01:26,370 --> 00:01:28,200
配列を空のものにします。

23
00:01:28,380 --> 00:01:34,590
だから我々はそれを単に空の配列と呼ぶことにし、そしてその底に同じ配列を返すだけです。

24
00:01:34,590 --> 00:01:35,980
 

25
00:01:36,000 --> 00:01:38,610
難しい部分は、間に入るロジックです。

26
00:01:38,640 --> 00:01:42,660
ここでは、ランダムな色を追加する必要があります。

27
00:01:42,690 --> 00:01:46,700
それが意味することは何かを何度も何度も繰り返す必要があるということです。

28
00:01:46,760 --> 00:01:49,000
だから6回または3回。

29
00:01:49,230 --> 00:01:50,830
だから私たちはそれを行うためにループを使用します。

30
00:01:51,120 --> 00:01:55,540
だから私たちはゼロの等号を求めるループから始めます。

31
00:01:56,430 --> 00:02:01,800
私は麻痺していますプラスプラス。

32
00:02:02,100 --> 00:02:06,930
 

33
00:02:07,410 --> 00:02:13,350
そして、ゼロから始めるか、1で始まるかどうかは関係ありません。実際には使用しないので、これを以下にします。これは、ナアムの6倍の回数で3回ループする方法です。

34
00:02:13,350 --> 00:02:13,910
 

35
00:02:14,130 --> 00:02:23,010
そして、ここでは、実際にランダムな色を取得し、配列にプッシュするつもりです。

36
00:02:23,070 --> 00:02:28,190
だから、この行は実際には麻痺の繰り返しです。

37
00:02:28,590 --> 00:02:33,360
だから私は実際に私たちのためのランダムな色を生成する別の関数を作成するつもりです、私はちょうどその1つのランダムな色を呼び出すつもりです。

38
00:02:33,360 --> 00:02:36,190
 

39
00:02:36,270 --> 00:02:41,990
関数のランダムな色とあなたが見ているのは、ここに関数があるということです。

40
00:02:42,090 --> 00:02:47,310
ランダムな色を生成します。その中で私はランダムな色と呼ばれる別の関数を呼び出しています。実際にコードを分割するだけです。

41
00:02:47,310 --> 00:02:49,860
 

42
00:02:49,860 --> 00:02:55,410
私たちが何の機能も持たないものを何にするのかは、人々がスパゲッティコードを全面的に呼び出すものである可能性があることをモジュール化して明確にする。

43
00:02:55,950 --> 00:02:58,680
 

44
00:02:58,830 --> 00:03:01,760
ここでは、いくつかの構造を追加するためにここにいくつかの関数を追加します。

45
00:03:01,920 --> 00:03:06,540
そして、このプロジェクトの最後にもう一度作業を完了すると、すべての機能が良好に見えます。

46
00:03:06,540 --> 00:03:07,090
 

47
00:03:07,230 --> 00:03:12,690
私はリファクタリングに関するオプションのビデオを持っていきます。そして、彼が何かを変えることができるかについて話しましょう。ちょっときれいにしましたが、まったく同じように動作します。

48
00:03:12,690 --> 00:03:18,080
 

49
00:03:18,090 --> 00:03:30,210
だからランダムな色を作るためにランダムな色を始めるには、0から5 5 repsから0 2から5

50
00:03:31,020 --> 00:03:38,250
5までの読みを選ぶ必要があります。次に、0から2 5 5までの緑を選び、次に青。

51
00:03:39,210 --> 00:03:45,490
したがって、0から255の任意の数を選択するには、ランダムではなく数式を使用する必要があります。

52
00:03:45,570 --> 00:03:49,230
だから、ランダムではなく数学になるだろう。

53
00:03:49,350 --> 00:03:51,760
それは0と1の間で私たちを与えます。

54
00:03:51,870 --> 00:03:53,070
それは1つを含まない。

55
00:03:53,220 --> 00:03:57,900
256を乗算する必要があります。

56
00:03:58,050 --> 00:04:05,910
だから、255を最大256倍にすることが可能な最大数になるようにしてから、その数学フロアを床に置く必要があります。

57
00:04:05,910 --> 00:04:08,730
 

58
00:04:08,900 --> 00:04:16,290
だから私の弁護士に行き、0から255の間の乱数を得るなら、このコードを貼り付けてください。実際には255になることはわかりません。

59
00:04:16,650 --> 00:04:19,630
 

60
00:04:19,660 --> 00:04:21,770
私はそれを信じなければなりません。

61
00:04:21,900 --> 00:04:23,700
しかし、少なくともそれが近づくのを見ることができます。

62
00:04:23,700 --> 00:04:25,590
私は253を見たと思う。

63
00:04:25,590 --> 00:04:26,770
それは今のところ十分です。

64
00:04:27,060 --> 00:04:33,000
また、すべての四角形が紫色になっているのも見えます。なぜなら、私たちのランダムな色を生成すると何も返されないからです。

65
00:04:33,000 --> 00:04:33,920
 

66
00:04:33,930 --> 00:04:36,240
したがって、空の文字列を返します。

67
00:04:36,300 --> 00:04:39,300
実際にはループしておらず、それぞれに色をつけているわけでもありません。

68
00:04:39,300 --> 00:04:44,360
だから、デフォルトの紫色をC Ssから取っておきます。

69
00:04:44,700 --> 00:04:48,480
これにより、0〜255の数値が生成されます。

70
00:04:48,870 --> 00:04:58,080
これをRという変数に保存し、緑と青について同じことを行います。このスペースと同様に、GとBの名前を変更して0〜255の3つの数字を与えます。

71
00:04:58,080 --> 00:05:05,730
 

72
00:05:05,730 --> 00:05:07,250
 

73
00:05:07,530 --> 00:05:14,850
そして、最悪の部分は、Rの形式に従うこの大きな文字列にそれらを合成することです。 G. B括弧とR

74
00:05:14,970 --> 00:05:18,640
GとBの中の数字。

75
00:05:18,900 --> 00:05:22,260
そして、それはたくさんの開閉弦とプラス記号を意味します。

76
00:05:22,260 --> 00:05:25,390
では、このように見えるものから始めましょう。

77
00:05:25,410 --> 00:05:32,350
私たちはG-Bを持って、カッコを開き、次に赤いチャンネルを加えます。

78
00:05:32,370 --> 00:05:45,720
この数値は、0から2 5 5にカンマを加え、Gの値に別のカンマを加えたものにBの値と私たちの閉じ括弧を加えたものです。

79
00:05:46,770 --> 00:05:48,980
 

80
00:05:49,620 --> 00:05:51,230
そして、私たちは今すぐ行くべきです。

81
00:05:51,340 --> 00:05:52,530
この大きな文字列。

82
00:05:52,680 --> 00:05:58,570
私たちがしたいことは、実際にその文字列を返すことです。

83
00:05:58,590 --> 00:06:03,350
したがって、この大きな文字列を返すと、ランダムな色が生成されます。

84
00:06:03,360 --> 00:06:05,090
だから、1つの色のための多くの仕事です。

85
00:06:05,100 --> 00:06:07,650
3つの異なる数字0 2 2 5 5。

86
00:06:07,650 --> 00:06:12,450
我々はそれらの周りのかっこの間にカンマでそれらを一緒に置く。 G. B.

87
00:06:12,660 --> 00:06:15,650
そして、私たちはそれを返すので、ここでそれを使うことができます。

88
00:06:15,660 --> 00:06:21,330
そして、それがうまくいくかどうかを試したいのであれば、ページをリフレッシュして領事館に行き、ランダムな色を呼んでみてください。

89
00:06:21,330 --> 00:06:25,600
 

90
00:06:25,620 --> 00:06:26,770
私たちはランダムな色をしています。

91
00:06:26,790 --> 00:06:27,910
括弧が正しい。

92
00:06:27,990 --> 00:06:29,910
コンマはすべていいです。

93
00:06:29,910 --> 00:06:33,510
さあ、ここで使ってみましょう。

94
00:06:34,170 --> 00:06:39,990
だから私たちはその無作為な色を呼ぶつもりで、私たちはそれを私たちの配列に押し込もうとしています。

95
00:06:39,990 --> 00:06:41,240
どうぞ。

96
00:06:41,280 --> 00:06:46,510
だから私たちのDOTプッシュと私たちはプッシュを使用する必要はありませんが、ここでそれを行うつもりです。

97
00:06:46,710 --> 00:06:49,820
そして、これは私たちに色の素敵な配列を作ります。

98
00:06:50,210 --> 00:06:52,580
ランダムな色を生成する6。

99
00:06:52,770 --> 00:06:56,740
これを毎回6回繰り返す。

100
00:06:56,910 --> 00:06:59,230
これは、ランダムな色で配列にプッシュします。

101
00:06:59,430 --> 00:07:02,440
だから私はここで私たちのコメントを移動するつもりです。

102
00:07:02,460 --> 00:07:03,260
そこに行く。

103
00:07:03,600 --> 00:07:06,040
また、リフレッシュするとそのことが確認できます。

104
00:07:06,180 --> 00:07:13,050
6つのランダムな色が得られることがわかりました。これは、配列から選択した1つの色を選択するランダムな色だけでなく、変更されています。

105
00:07:13,050 --> 00:07:15,250
 

106
00:07:15,270 --> 00:07:16,520
だから我々はそれを打破しなかった。

107
00:07:16,530 --> 00:07:19,190
すべてはまだ動作するか、それを行います。

108
00:07:19,200 --> 00:07:20,000
どれどれ。

109
00:07:20,000 --> 00:07:25,510
だから、もし私がこれらの色のいくつかをクリックすると、もう一度やり直してみてください。本当に悪い本を持っているかもしれませんが、何か間違っていません。

110
00:07:25,860 --> 00:07:27,210
 

111
00:07:27,400 --> 00:07:28,920
だから問題はちょっと難しいです。

112
00:07:29,130 --> 00:07:34,830
これは私がここで物事を比較していたときにスコアキーパーの試合をしたときに育ったバグと少し似ています。

113
00:07:34,830 --> 00:07:36,500
 

114
00:07:36,930 --> 00:07:42,260
ユーザーが適切な色を選ぶかどうかを確認している場合は、数字が出る前に何かが間違っていました。

115
00:07:42,300 --> 00:07:43,110
 

116
00:07:43,110 --> 00:07:44,880
そしてそれを文字列と比較していました。

117
00:07:45,030 --> 00:07:46,760
この場合、それは少し異なります。

118
00:07:46,920 --> 00:07:53,000
だから私は別の罪を犯すつもりであることを見せてくれる。 ベルトログをクリックして色をつけ、次に色を選択します。

119
00:07:53,250 --> 00:07:56,190
そして、彼らが少し違っているかもしれないかのように見えるようにしましょう。

120
00:07:56,340 --> 00:08:00,570
ページをリフレッシュして、conを開きましょう。 クリックを開始しましょう。

121
00:08:00,570 --> 00:08:06,120
だから、これは中程度の量のフレッドで、少し緑色で、かなり青色です。

122
00:08:06,300 --> 00:08:07,510
だからいくつかをクリックしましょう。

123
00:08:08,160 --> 00:08:12,700
そして左の数字は文字列RGVと右側の数字に注目してください。

124
00:08:12,990 --> 00:08:15,180
もちろん、これらのものは一致しません。

125
00:08:15,840 --> 00:08:21,930
しかし、あなたが右のものをクリックすると、彼らが合ってもそれがまだ間違っていると思うことがわかります。

126
00:08:21,960 --> 00:08:23,220
もう一度お試しください。

127
00:08:23,490 --> 00:08:28,080
ここで2つの文字列を比較すると、クリックされた色が表示されます。

128
00:08:28,080 --> 00:08:29,420
これが戻ってくるものです。

129
00:08:29,550 --> 00:08:36,810
要素をクリックすると、このドットの背景をダイヤルします。これは、配列から取り出された色です。

130
00:08:36,810 --> 00:08:38,290
 

131
00:08:38,400 --> 00:08:40,380
だからどういうわけか彼らは少し異なっている。

132
00:08:40,380 --> 00:08:46,740
そして、実際にSSが自動的に要素の背景色を設定すると、自動的に寮に追加すると、自動的に10個のスペースが追加されます。

133
00:08:46,740 --> 00:08:50,620
 

134
00:08:50,970 --> 00:08:59,370
だから、私たちがしたいのは、数字の間にスペースを入れて、彗星の後ろにスペースを入れて、そうするならば、彼らは互いに比較して平等になるでしょう。

135
00:08:59,370 --> 00:09:02,930
 

136
00:09:02,970 --> 00:09:04,890
だからそれはちょっとしたバグです。

137
00:09:04,920 --> 00:09:10,080
それは、私たちが物事を三重の平等と比較する方法と関係しているだけで、二重の平等はとにかくそれを修正するものではありません。

138
00:09:10,080 --> 00:09:11,740
 

139
00:09:11,820 --> 00:09:15,660
ダブルコールはスペースや何かを無視しませんが、色の生成方法に問題があります。

140
00:09:15,660 --> 00:09:16,460
 

141
00:09:16,740 --> 00:09:19,240
私たちがこれをもう一度やり直してリフレッシュすれば

142
00:09:19,410 --> 00:09:20,990
今すぐクリックしてみましょう。

143
00:09:21,120 --> 00:09:24,780
あなたは私たちのスペースがここにあり、これらが確実に一致することがわかります。

144
00:09:24,780 --> 00:09:32,060
一番最後の色をクリックすると正しい色が得られます。

145
00:09:32,100 --> 00:09:34,650
だから間違いなく厄介なバグがあります。

146
00:09:34,650 --> 00:09:40,110
ゲームとフルスクリーンを試して、コンソールを取り除き、ランダムな色をリフレッシュして賞賛しましょう。

147
00:09:40,110 --> 00:09:41,280
 

148
00:09:41,280 --> 00:09:48,210
私たちができる最後のことは、私がここでやったようにH-1の背景も変えることができるということです。

149
00:09:48,210 --> 00:09:48,950
 

150
00:09:49,110 --> 00:09:52,940
したがって、適切な色を推測すると、背景色も変更されます。

151
00:09:53,040 --> 00:09:54,910
それは簡単な変更です。

152
00:09:54,960 --> 00:09:57,540
我々が行う必要があるのは、H-1を選択することだけです。

153
00:09:58,080 --> 00:10:01,920
だからH-1と私たちはこれをページ上の唯一のH-1に選ぶことができます。

154
00:10:01,950 --> 00:10:09,750
だからここで私はちょうどvar

155
00:10:13,470 --> 00:10:16,200
H-1がクエリセレクタH-1がそれを保存するドキュメントに等しいということを選択するつもりです。

156
00:10:16,200 --> 00:10:25,470
そして、ユーザーがここで正しく推測するとき、私たちはH-1 DODの背景やスタイルを変更するつもりです。

157
00:10:25,620 --> 00:10:28,460
 

158
00:10:29,610 --> 00:10:39,860
そして、それは今、色を収集することと等しくなるはずです。ゲームの更新の正しいバージョンに行くことを保存して、それをクリックしてみましょう。

159
00:10:40,080 --> 00:10:42,060
 

160
00:10:42,930 --> 00:10:47,880
そしてそこには私たちがスタイリングと一緒に行く方法がありますが、そこには論理があります。

161
00:10:47,880 --> 00:10:48,950
 

162
00:10:49,200 --> 00:10:53,120
だからあなたは間違って、単に背景色を変更することによって消えてしまうと思います。

163
00:10:53,400 --> 00:10:58,240
そしてあなたが正しく推測すれば、彼らはすべて色が変わり、H-1も同様に変化します。

164
00:10:58,620 --> 00:11:03,690
次のビデオでは、再びプレイ機能を追加し、もう少しスタイリングを追加します。