OK。
私が言及したように、私たちはすばやく運動を行い、完成品が出る限り非常に圧倒的になるでしょうが、ペーパーチェイスで練習するのは良いことです。
実際には本当にシンプルな4行のコードが必要です。
私が欲しいのは円のグリッドです。正確な測定値はゼロのゼロから始まり、100ピクセルごとに始まる円です。
私は別のサークルを描いている。
私は半径が1000までずっと1000であると思います。
これはここ1000 1000です。
だから、スクリーン上に100個のishサークルを手に入れるだけで、それを手動で1つずつ行うのではなく、それは重要です。
では、どうすればそれを行うことができますか？
それはあなた次第です。
増加している座標のx座標とy座標を生成する方法を理解する必要があります。
それらをすべて紫色または任意の色にすることを自由にしてください。
それは本当にポイントではなく、別の形にすることです。
だから、正方形や長方形を試してみるか、グラデーション上の色がある場所でもっと楽しいものを試してください.Xが大きくなるにつれて色が赤くなります。
私はよく覚えていますが、実際には私はあなたにこれを教えていないことを覚えていないと思いますが、紙のJSEではRGVの色を16進数で表現できます。
したがって、赤色のコンポーネントまたはその緑色のコンポーネントをインクリメントしている場所で色を生成できます。
しかし、最低でも、少なくとも100以上のサークルのグリッドを探しています。
そしてあなたが欲しいならば。
あなたはまた、彼らがどこにいてもそれらをランダムにすることができます。
私はあなたがページにたくさんのサークルを欲しいだけです。
OK。
だから、ビデオを一時停止してください。
あなた自身でこれを試してみてください。
私はあなたが迷子になることをお勧めします。
ドキュメントは少しです。
いくつかのことを試してみてください。
例を見てから戻ってきて、解決策を探そう。
大丈夫。
すばらしいです。
これは私が以前にしていたもので、私が中止したところで、このコードのほとんどすべてを取り除くつもりです。
だから私たちはもうその行を望んでいない。
そのすべて。
見てみましょう。
私たちは本当に必要でない巨大な円を解決します。
円を描く方法を知っているが、巨大なものは望んでいないように、そのコードを保存したいと考えています。
だからここでやりたいことはループを使うことです。
ここで円を描くためにループを使用したいと思っています。ここで丸を描いた円は、基本的にx座標に10または100を追加します。
だから私たちはループを作って、遠いところでゼロループから始めます。
ゼロに等しい。
Itisは楽しくなく、これは何でもよい。
私は1000としました。
そして、実際には、私はそれがより明確になるようにXを得ることができます。
そして毎回。
サークルを作るのにXプラスを使うのではなく、1ピクセルごとに100のジャンプをしてから、このコードをコピーして円を描いていくだけですが、残しておけば少し変更します。
これは、同じレースの同じポイントで10サークルにすることができます。
だから私たちは何をしたいのですか？Xカンマとyは0に固定されます。
だから、ゼロと半径のすべてのy座標を持つすべての円の線を作る必要があります10を作る。
そのリフレッシュを見てみると、ここでは100個のピクセルを10個ずつ取得して新しいピクセルを取得します。
だから私たちがやりたいことは基本的にそれを繰り返すことです。
だから私たちは初めてのことです。
これらの行のうちの1つが10回ダウンする必要があります。
それを行う最善の方法は、別のループを使用することです。
だから私たちはここにあるものを取って、これを繰り返すだけで別のループを作ることができます。
そして今度はy座標のためにこれを行います。
だからなぜ上がって1000 yプラスに100と同じように伝えなければならないのですか？
そして、これがどのように動作するかを正確に説明します。
私はネストされたループはちょうど0をyに変更するとちょっと混乱するかもしれないと思います。
それでは、グリッドを取得したかどうかを確認してみましょう。
それで最もエキサイティングなことではなく、私たちはすぐにたくさんのサークルを追加しました。
だから、このネストされたループを見てみましょう。
だから、最初のXが0から始まるときに、少しの図を描いた。
だから私はxとyがあるところでこれをやってみよう。
OK。
Xをゼロで始めるように大文字にしましょう。
そして、Xが0の間、このループワードYを実行します.Yはゼロから始まります。
ちょうどそれのように。
そして次回このyループを通って、Xはまだゼロです。
しかし、今回はなぜ100です。
100を足したので、xはまだゼロで、Yは200です。
それからXはゼロです。
なぜ300なのか。
私はドットドットを描き、Xはゼロであると言うでしょう。
実際には1000はなぜなら、それ以下では900にしかならず、次にXの変化が100になり、Yがゼロに戻って変化するからです。
基本的にはxごとに10 yを生成しています。
それで100回か100回の反復で終わります。
だからちょっと混乱しますが、これを実行すると、Xがゼロから始まり、ゼロから始まりますが、Xは0になり、yは200より大きくなります。
そして、我々はそれらのインテルのそれぞれに円を描いています。
それから、なぜリセットしてからXが増えて増分するのですか？
OK。
私の意見ではそんなに混乱しています。
私たちができる最後のことは小さな変化です。
毎回これを変数に保存する必要はありません。
このように変更することはできますが、そのサークルで何もしないため、変数を常に再割り当てしない場合はやや効率的です。
私たちは一度それらを作っています。
したがって、毎回変数を書き換えてループを繰り返すのではなく、新しい円を作成して紫色の塗りつぶし色を付けたり、黄色く保存するようにしてください。
そこに行く。
OK。
だから、これは少し転用されましたが、まだかなり重要です。
あなたの背後にあるモチベーションもやっています。
うまくいけばあなたはそれをやりました。
しかし、その動機は、JavaScriptのスキルループを紙と組み合わせて練習することでした。そして、あなたがしなければならないことは、コードの短い行を知っていることと、実際にそのサークルを作るために、次のビデオのOKは、実際にショーに乗り、実際にパッド攻撃のクローンで作業を開始します。