1
00:00:00,290 --> 00:00:00,650
OK。

2
00:00:00,690 --> 00:00:05,850
 

3
00:00:05,850 --> 00:00:11,030
私が言及したように、私たちはすばやく運動を行い、完成品が出る限り非常に圧倒的になるでしょうが、ペーパーチェイスで練習するのは良いことです。

4
00:00:11,100 --> 00:00:14,920
実際には本当にシンプルな4行のコードが必要です。

5
00:00:15,150 --> 00:00:23,520
私が欲しいのは円のグリッドです。正確な測定値はゼロのゼロから始まり、100ピクセルごとに始まる円です。

6
00:00:23,640 --> 00:00:28,410
 

7
00:00:28,620 --> 00:00:29,750
私は別のサークルを描いている。

8
00:00:29,750 --> 00:00:33,720
私は半径が1000までずっと1000であると思います。

9
00:00:33,720 --> 00:00:36,540
これはここ1000 1000です。

10
00:00:37,260 --> 00:00:43,680
だから、スクリーン上に100個のishサークルを手に入れるだけで、それを手動で1つずつ行うのではなく、それは重要です。

11
00:00:43,680 --> 00:00:45,380
 

12
00:00:45,390 --> 00:00:46,830
では、どうすればそれを行うことができますか？

13
00:00:46,890 --> 00:00:48,240
それはあなた次第です。

14
00:00:48,270 --> 00:00:53,220
増加している座標のx座標とy座標を生成する方法を理解する必要があります。

15
00:00:53,760 --> 00:00:57,440
それらをすべて紫色または任意の色にすることを自由にしてください。

16
00:00:57,460 --> 00:01:00,250
それは本当にポイントではなく、別の形にすることです。

17
00:01:00,270 --> 00:01:07,140
だから、正方形や長方形を試してみるか、グラデーション上の色がある場所でもっと楽しいものを試してください.Xが大きくなるにつれて色が赤くなります。

18
00:01:07,410 --> 00:01:10,810
 

19
00:01:10,970 --> 00:01:16,410
私はよく覚えていますが、実際には私はあなたにこれを教えていないことを覚えていないと思いますが、紙のJSEではRGVの色を16進数で表現できます。

20
00:01:16,410 --> 00:01:17,840
 

21
00:01:17,970 --> 00:01:23,610
したがって、赤色のコンポーネントまたはその緑色のコンポーネントをインクリメントしている場所で色を生成できます。

22
00:01:23,820 --> 00:01:28,670
しかし、最低でも、少なくとも100以上のサークルのグリッドを探しています。

23
00:01:28,700 --> 00:01:29,260
そしてあなたが欲しいならば。

24
00:01:29,270 --> 00:01:32,770
あなたはまた、彼らがどこにいてもそれらをランダムにすることができます。

25
00:01:32,850 --> 00:01:34,940
私はあなたがページにたくさんのサークルを欲しいだけです。

26
00:01:35,010 --> 00:01:35,530
OK。

27
00:01:35,610 --> 00:01:37,540
だから、ビデオを一時停止してください。

28
00:01:37,680 --> 00:01:39,020
あなた自身でこれを試してみてください。

29
00:01:39,030 --> 00:01:40,380
私はあなたが迷子になることをお勧めします。

30
00:01:40,380 --> 00:01:41,400
ドキュメントは少しです。

31
00:01:41,430 --> 00:01:42,370
いくつかのことを試してみてください。

32
00:01:42,390 --> 00:01:51,110
例を見てから戻ってきて、解決策を探そう。

33
00:01:51,120 --> 00:01:51,480
大丈夫。

34
00:01:51,480 --> 00:01:52,570
すばらしいです。

35
00:01:52,590 --> 00:01:58,780
これは私が以前にしていたもので、私が中止したところで、このコードのほとんどすべてを取り除くつもりです。

36
00:01:58,950 --> 00:02:00,940
だから私たちはもうその行を望んでいない。

37
00:02:01,230 --> 00:02:02,940
そのすべて。

38
00:02:02,940 --> 00:02:03,930
見てみましょう。

39
00:02:03,930 --> 00:02:07,330
私たちは本当に必要でない巨大な円を解決します。

40
00:02:07,470 --> 00:02:12,780
円を描く方法を知っているが、巨大なものは望んでいないように、そのコードを保存したいと考えています。

41
00:02:12,960 --> 00:02:15,500
だからここでやりたいことはループを使うことです。

42
00:02:15,930 --> 00:02:23,070
ここで円を描くためにループを使用したいと思っています。ここで丸を描いた円は、基本的にx座標に10または100を追加します。

43
00:02:23,070 --> 00:02:28,610
 

44
00:02:28,800 --> 00:02:34,080
だから私たちはループを作って、遠いところでゼロループから始めます。

45
00:02:34,110 --> 00:02:35,360
ゼロに等しい。

46
00:02:35,650 --> 00:02:38,110
Itisは楽しくなく、これは何でもよい。

47
00:02:38,130 --> 00:02:40,080
私は1000としました。

48
00:02:40,140 --> 00:02:43,980
そして、実際には、私はそれがより明確になるようにXを得ることができます。

49
00:02:45,300 --> 00:02:46,780
そして毎回。

50
00:02:46,800 --> 00:02:54,540
 

51
00:02:54,870 --> 00:03:04,020
サークルを作るのにXプラスを使うのではなく、1ピクセルごとに100のジャンプをしてから、このコードをコピーして円を描いていくだけですが、残しておけば少し変更します。

52
00:03:05,220 --> 00:03:05,890
 

53
00:03:05,930 --> 00:03:09,960
これは、同じレースの同じポイントで10サークルにすることができます。

54
00:03:09,960 --> 00:03:19,050
だから私たちは何をしたいのですか？Xカンマとyは0に固定されます。

55
00:03:19,860 --> 00:03:27,260
だから、ゼロと半径のすべてのy座標を持つすべての円の線を作る必要があります10を作る。

56
00:03:27,330 --> 00:03:35,840
そのリフレッシュを見てみると、ここでは100個のピクセルを10個ずつ取得して新しいピクセルを取得します。

57
00:03:35,850 --> 00:03:38,640
 

58
00:03:38,670 --> 00:03:42,790
だから私たちがやりたいことは基本的にそれを繰り返すことです。

59
00:03:42,930 --> 00:03:45,670
だから私たちは初めてのことです。

60
00:03:45,900 --> 00:03:49,700
これらの行のうちの1つが10回ダウンする必要があります。

61
00:03:49,980 --> 00:03:52,790
それを行う最善の方法は、別のループを使用することです。

62
00:03:53,070 --> 00:03:58,820
だから私たちはここにあるものを取って、これを繰り返すだけで別のループを作ることができます。

63
00:03:59,340 --> 00:04:02,990
そして今度はy座標のためにこれを行います。

64
00:04:03,060 --> 00:04:09,240
だからなぜ上がって1000 yプラスに100と同じように伝えなければならないのですか？

65
00:04:09,540 --> 00:04:12,130
そして、これがどのように動作するかを正確に説明します。

66
00:04:12,150 --> 00:04:14,520
 

67
00:04:17,490 --> 00:04:21,560
私はネストされたループはちょうど0をyに変更するとちょっと混乱するかもしれないと思います。

68
00:04:21,990 --> 00:04:24,940
それでは、グリッドを取得したかどうかを確認してみましょう。

69
00:04:25,080 --> 00:04:29,880
それで最もエキサイティングなことではなく、私たちはすぐにたくさんのサークルを追加しました。

70
00:04:29,910 --> 00:04:32,430
だから、このネストされたループを見てみましょう。

71
00:04:32,460 --> 00:04:37,210
だから、最初のXが0から始まるときに、少しの図を描いた。

72
00:04:37,800 --> 00:04:43,610
だから私はxとyがあるところでこれをやってみよう。

73
00:04:44,220 --> 00:04:44,910
OK。

74
00:04:44,910 --> 00:04:48,970
Xをゼロで始めるように大文字にしましょう。

75
00:04:50,460 --> 00:04:55,840
そして、Xが0の間、このループワードYを実行します.Yはゼロから始まります。

76
00:04:56,280 --> 00:04:58,540
ちょうどそれのように。

77
00:04:59,400 --> 00:05:03,460
そして次回このyループを通って、Xはまだゼロです。

78
00:05:03,660 --> 00:05:06,210
しかし、今回はなぜ100です。

79
00:05:06,210 --> 00:05:13,610
100を足したので、xはまだゼロで、Yは200です。

80
00:05:14,130 --> 00:05:15,350
それからXはゼロです。

81
00:05:15,390 --> 00:05:18,090
なぜ300なのか。

82
00:05:18,280 --> 00:05:21,260
私はドットドットを描き、Xはゼロであると言うでしょう。

83
00:05:21,660 --> 00:05:31,800
実際には1000はなぜなら、それ以下では900にしかならず、次にXの変化が100になり、Yがゼロに戻って変化するからです。

84
00:05:31,800 --> 00:05:37,590
 

85
00:05:38,460 --> 00:05:44,690
基本的にはxごとに10 yを生成しています。

86
00:05:44,970 --> 00:05:49,500
それで100回か100回の反復で終わります。

87
00:05:49,530 --> 00:05:56,400
だからちょっと混乱しますが、これを実行すると、Xがゼロから始まり、ゼロから始まりますが、Xは0になり、yは200より大きくなります。

88
00:05:56,400 --> 00:06:00,210
 

89
00:06:00,210 --> 00:06:03,370
そして、我々はそれらのインテルのそれぞれに円を描いています。

90
00:06:03,420 --> 00:06:07,590
それから、なぜリセットしてからXが増えて増分するのですか？

91
00:06:07,890 --> 00:06:08,250
OK。

92
00:06:08,250 --> 00:06:12,060
私の意見ではそんなに混乱しています。

93
00:06:12,060 --> 00:06:15,000
私たちができる最後のことは小さな変化です。

94
00:06:15,000 --> 00:06:18,430
毎回これを変数に保存する必要はありません。

95
00:06:19,230 --> 00:06:26,070
このように変更することはできますが、そのサークルで何もしないため、変数を常に再割り当てしない場合はやや効率的です。

96
00:06:26,070 --> 00:06:29,740
 

97
00:06:30,120 --> 00:06:31,290
私たちは一度それらを作っています。

98
00:06:31,410 --> 00:06:37,650
 

99
00:06:37,650 --> 00:06:45,730
したがって、毎回変数を書き換えてループを繰り返すのではなく、新しい円を作成して紫色の塗りつぶし色を付けたり、黄色く保存するようにしてください。

100
00:06:45,900 --> 00:06:46,560
そこに行く。

101
00:06:46,800 --> 00:06:47,220
OK。

102
00:06:47,370 --> 00:06:52,560
だから、これは少し転用されましたが、まだかなり重要です。

103
00:06:52,560 --> 00:06:54,680
あなたの背後にあるモチベーションもやっています。

104
00:06:54,690 --> 00:06:55,380
うまくいけばあなたはそれをやりました。

105
00:06:55,400 --> 00:07:02,010
 

106
00:07:02,070 --> 00:07:08,550
 

107
00:07:08,550 --> 00:07:13,620
 

108
00:07:13,620 --> 00:07:16,810
しかし、その動機は、JavaScriptのスキルループを紙と組み合わせて練習することでした。そして、あなたがしなければならないことは、コードの短い行を知っていることと、実際にそのサークルを作るために、次のビデオのOKは、実際にショーに乗り、実際にパッド攻撃のクローンで作業を開始します。