だから我々はここで良い形になっている。
私たちが次にやりたいことは、毎回同じ6色を使わないようにすることです。
代わりに、6つのランダムな色を生成し、その6つのランダムな色でこの配列を塗りつぶし、それらの色を生成するためにそれらの1つを選択します。
私は実際に私たちを助ける別の関数を書くつもりです。
だから私たちの関数は、ハードコーディングされた配列のレンダリングを行いません。関数呼び出しと同じ色を設定します。これは、ランダムな色を生成するものですが、まだ存在しません。配列内で生成する。
したがって、簡単なモードとハードモードの2つの項目を持つ配列が必要な場合は、最終的に6が必要になります。
だから、まずは6で始める。
これは、ページが読み込まれるときに必要なものです。
次に、数値をとり、配列の代わりにX個のランダムな色を返すランダム色生成関数を作成する必要があります。
だから私はここでそれをやるでしょう。
関数はランダムな色を生成し、それは引数をとるべきです。
私の疑似コード。
だから私は配列を作るつもりです。
配列にランダムな色を追加して、最後にその配列を返すつもりです。
だからこれを始めるのが最も簡単な部分です。
配列を空のものにします。
だから我々はそれを単に空の配列と呼ぶことにし、そしてその底に同じ配列を返すだけです。
難しい部分は、間に入るロジックです。
ここでは、ランダムな色を追加する必要があります。
それが意味することは何かを何度も何度も繰り返す必要があるということです。
だから6回または3回。
だから私たちはそれを行うためにループを使用します。
だから私たちはゼロの等号を求めるループから始めます。
私は麻痺していますプラスプラス。
そして、ゼロから始めるか、1で始まるかどうかは関係ありません。実際には使用しないので、これを以下にします。これは、ナアムの6倍の回数で3回ループする方法です。
そして、ここでは、実際にランダムな色を取得し、配列にプッシュするつもりです。
だから、この行は実際には麻痺の繰り返しです。
だから私は実際に私たちのためのランダムな色を生成する別の関数を作成するつもりです、私はちょうどその1つのランダムな色を呼び出すつもりです。
関数のランダムな色とあなたが見ているのは、ここに関数があるということです。
ランダムな色を生成します。その中で私はランダムな色と呼ばれる別の関数を呼び出しています。実際にコードを分割するだけです。
私たちが何の機能も持たないものを何にするのかは、人々がスパゲッティコードを全面的に呼び出すものである可能性があることをモジュール化して明確にする。
ここでは、いくつかの構造を追加するためにここにいくつかの関数を追加します。
そして、このプロジェクトの最後にもう一度作業を完了すると、すべての機能が良好に見えます。
私はリファクタリングに関するオプションのビデオを持っていきます。そして、彼が何かを変えることができるかについて話しましょう。ちょっときれいにしましたが、まったく同じように動作します。
だからランダムな色を作るためにランダムな色を始めるには、0から5 5 repsから0 2から5
5までの読みを選ぶ必要があります。次に、0から2 5 5までの緑を選び、次に青。
したがって、0から255の任意の数を選択するには、ランダムではなく数式を使用する必要があります。
だから、ランダムではなく数学になるだろう。
それは0と1の間で私たちを与えます。
それは1つを含まない。
256を乗算する必要があります。
だから、255を最大256倍にすることが可能な最大数になるようにしてから、その数学フロアを床に置く必要があります。
だから私の弁護士に行き、0から255の間の乱数を得るなら、このコードを貼り付けてください。実際には255になることはわかりません。
私はそれを信じなければなりません。
しかし、少なくともそれが近づくのを見ることができます。
私は253を見たと思う。
それは今のところ十分です。
また、すべての四角形が紫色になっているのも見えます。なぜなら、私たちのランダムな色を生成すると何も返されないからです。
したがって、空の文字列を返します。
実際にはループしておらず、それぞれに色をつけているわけでもありません。
だから、デフォルトの紫色をC Ssから取っておきます。
これにより、0〜255の数値が生成されます。
これをRという変数に保存し、緑と青について同じことを行います。このスペースと同様に、GとBの名前を変更して0〜255の3つの数字を与えます。
そして、最悪の部分は、Rの形式に従うこの大きな文字列にそれらを合成することです。 G. B括弧とR
GとBの中の数字。
そして、それはたくさんの開閉弦とプラス記号を意味します。
では、このように見えるものから始めましょう。
私たちはG-Bを持って、カッコを開き、次に赤いチャンネルを加えます。
この数値は、0から2 5 5にカンマを加え、Gの値に別のカンマを加えたものにBの値と私たちの閉じ括弧を加えたものです。
そして、私たちは今すぐ行くべきです。
この大きな文字列。
私たちがしたいことは、実際にその文字列を返すことです。
したがって、この大きな文字列を返すと、ランダムな色が生成されます。
だから、1つの色のための多くの仕事です。
3つの異なる数字0 2 2 5 5。
我々はそれらの周りのかっこの間にカンマでそれらを一緒に置く。 G. B.
そして、私たちはそれを返すので、ここでそれを使うことができます。
そして、それがうまくいくかどうかを試したいのであれば、ページをリフレッシュして領事館に行き、ランダムな色を呼んでみてください。
私たちはランダムな色をしています。
括弧が正しい。
コンマはすべていいです。
さあ、ここで使ってみましょう。
だから私たちはその無作為な色を呼ぶつもりで、私たちはそれを私たちの配列に押し込もうとしています。
どうぞ。
だから私たちのDOTプッシュと私たちはプッシュを使用する必要はありませんが、ここでそれを行うつもりです。
そして、これは私たちに色の素敵な配列を作ります。
ランダムな色を生成する6。
これを毎回6回繰り返す。
これは、ランダムな色で配列にプッシュします。
だから私はここで私たちのコメントを移動するつもりです。
そこに行く。
また、リフレッシュするとそのことが確認できます。
6つのランダムな色が得られることがわかりました。これは、配列から選択した1つの色を選択するランダムな色だけでなく、変更されています。
だから我々はそれを打破しなかった。
すべてはまだ動作するか、それを行います。
どれどれ。
だから、もし私がこれらの色のいくつかをクリックすると、もう一度やり直してみてください。本当に悪い本を持っているかもしれませんが、何か間違っていません。
だから問題はちょっと難しいです。
これは私がここで物事を比較していたときにスコアキーパーの試合をしたときに育ったバグと少し似ています。
ユーザーが適切な色を選ぶかどうかを確認している場合は、数字が出る前に何かが間違っていました。
そしてそれを文字列と比較していました。
この場合、それは少し異なります。
だから私は別の罪を犯すつもりであることを見せてくれる。 ベルトログをクリックして色をつけ、次に色を選択します。
そして、彼らが少し違っているかもしれないかのように見えるようにしましょう。
ページをリフレッシュして、conを開きましょう。 クリックを開始しましょう。
だから、これは中程度の量のフレッドで、少し緑色で、かなり青色です。
だからいくつかをクリックしましょう。
そして左の数字は文字列RGVと右側の数字に注目してください。
もちろん、これらのものは一致しません。
しかし、あなたが右のものをクリックすると、彼らが合ってもそれがまだ間違っていると思うことがわかります。
もう一度お試しください。
ここで2つの文字列を比較すると、クリックされた色が表示されます。
これが戻ってくるものです。
要素をクリックすると、このドットの背景をダイヤルします。これは、配列から取り出された色です。
だからどういうわけか彼らは少し異なっている。
そして、実際にSSが自動的に要素の背景色を設定すると、自動的に寮に追加すると、自動的に10個のスペースが追加されます。
だから、私たちがしたいのは、数字の間にスペースを入れて、彗星の後ろにスペースを入れて、そうするならば、彼らは互いに比較して平等になるでしょう。
だからそれはちょっとしたバグです。
それは、私たちが物事を三重の平等と比較する方法と関係しているだけで、二重の平等はとにかくそれを修正するものではありません。
ダブルコールはスペースや何かを無視しませんが、色の生成方法に問題があります。
私たちがこれをもう一度やり直してリフレッシュすれば
今すぐクリックしてみましょう。
あなたは私たちのスペースがここにあり、これらが確実に一致することがわかります。
一番最後の色をクリックすると正しい色が得られます。
だから間違いなく厄介なバグがあります。
ゲームとフルスクリーンを試して、コンソールを取り除き、ランダムな色をリフレッシュして賞賛しましょう。
私たちができる最後のことは、私がここでやったようにH-1の背景も変えることができるということです。
したがって、適切な色を推測すると、背景色も変更されます。
それは簡単な変更です。
我々が行う必要があるのは、H-1を選択することだけです。
だからH-1と私たちはこれをページ上の唯一のH-1に選ぶことができます。
だからここで私はちょうどvar
H-1がクエリセレクタH-1がそれを保存するドキュメントに等しいということを選択するつもりです。
そして、ユーザーがここで正しく推測するとき、私たちはH-1 DODの背景やスタイルを変更するつもりです。
そして、それは今、色を収集することと等しくなるはずです。ゲームの更新の正しいバージョンに行くことを保存して、それをクリックしてみましょう。
そしてそこには私たちがスタイリングと一緒に行く方法がありますが、そこには論理があります。
だからあなたは間違って、単に背景色を変更することによって消えてしまうと思います。
そしてあなたが正しく推測すれば、彼らはすべて色が変わり、H-1も同様に変化します。
次のビデオでは、再びプレイ機能を追加し、もう少しスタイリングを追加します。