1
00:00:00,290 --> 00:00:00,650
승인.

2
00:00:00,690 --> 00:00:11,030
제가 언급했듯이, 우리는 빠른 연습을 할 것입니다. 완제품이 나오기까지는 매우 실망 스럽겠지만, 그냥 종이로 연습을하는 것이 좋습니다.

3
00:00:11,100 --> 00:00:14,920
실제로 필요한 코드 네 줄은 실제로 매우 간단합니다.

4
00:00:15,150 --> 00:00:28,410
내가 원한 것은 원 그리드입니다. 정확한 측정 값은 0 점과 100 픽셀마다 시작하는 원입니다.

5
00:00:28,620 --> 00:00:29,750
나는 또 다른 원을 그리고있다.

6
00:00:29,750 --> 00:00:33,720
나는 반경이 1000까지 줄곧 10이라고 생각합니다.

7
00:00:33,720 --> 00:00:36,540
여기 1000 1000입니다.

8
00:00:37,260 --> 00:00:45,380
따라서 화면에 100 개의 ish 원을 얻는 것은 중요하지 않습니다. 한 번에 하나씩 수동으로 수행하지 않아도됩니다.

9
00:00:45,390 --> 00:00:46,830
그러면 어떻게 할 수 있습니까?

10
00:00:46,890 --> 00:00:48,240
그것은 당신에게 달려 있습니다.

11
00:00:48,270 --> 00:00:53,760
증가하고있는 좌표 x와 y 좌표를 생성하는 방법을 알아야합니다.

12
00:00:53,760 --> 00:00:57,440
그리고 그들을 모두 보라색이나 어떤 색깔로 만들 수 있습니다.

13
00:00:57,460 --> 00:01:00,250
실제로 요점이 아니거나 다른 모양으로 만듭니다.

14
00:01:00,270 --> 00:01:10,810
따라서 사각형이나 직사각형을 사용하거나 X가 커질수록 색상이 빨갛게되는 그래디언트에 색상이있는 곳에서 더 재미있는 것을 시도해보십시오.

15
00:01:10,970 --> 00:01:17,840
기억이 잘 안나네요. 기억이 안나네요.하지만이 신문은 당신에게 RGV 색상을 16 진수로 표현할 수 있습니다.

16
00:01:17,970 --> 00:01:23,610
따라서 빨간색 구성 요소 또는 녹색 구성 요소를 증가시키는 색상을 생성 할 수 있습니다.

17
00:01:23,820 --> 00:01:28,670
하지만 최소한 최소한 100 개의 서클 그리드를 찾고 있습니다.

18
00:01:28,700 --> 00:01:29,260
그리고 원한다면.

19
00:01:29,270 --> 00:01:32,770
그들이 무작위로 배치되도록 랜덤화할 수도 있습니다.

20
00:01:32,850 --> 00:01:34,940
난 당신이 페이지에 많은 서클을 갖길 원해.

21
00:01:35,010 --> 00:01:35,530
승인.

22
00:01:35,610 --> 00:01:37,540
잠시 비디오를 일시 중지하십시오.

23
00:01:37,680 --> 00:01:39,020
혼자서 해보십시오.

24
00:01:39,030 --> 00:01:40,380
나는 길을 잃는 것이 좋습니다.

25
00:01:40,380 --> 00:01:41,400
문서는 조금 있습니다.

26
00:01:41,430 --> 00:01:42,370
몇 가지 시도해보십시오.

27
00:01:42,390 --> 00:01:51,110
예제를보고 다시 돌아 오면 해결할 것입니다.

28
00:01:51,120 --> 00:01:51,480
괜찮아.

29
00:01:51,480 --> 00:01:52,570
큰.

30
00:01:52,590 --> 00:01:58,780
이것이 내가 전에 중단 한 곳이며, 거의 모든 코드를 제거 할 것입니다.

31
00:01:58,950 --> 00:02:00,940
그래서 우리는 그 선을 더 이상 원하지 않습니다.

32
00:02:01,230 --> 00:02:02,940
그거야.

33
00:02:02,940 --> 00:02:03,930
한 번 보자.

34
00:02:03,930 --> 00:02:07,330
우리는 정말로 필요하지 않은 거대한 원을 푸십시오.

35
00:02:07,470 --> 00:02:12,780
우리는 그 코드를 유지하여 원을 만드는 방법을 알고 있지만 거대한 것을 원하지는 않을 것입니다.

36
00:02:12,960 --> 00:02:15,500
그래서 여기서 우리가하고 싶은 것은 루프를 사용하는 것입니다.

37
00:02:15,930 --> 00:02:28,610
그래서 여기서 원을 만들기 위해 루프를 사용하고 싶습니다. 그리고 여기에 원을 그리는 원은 기본적으로 x 좌표에 10 또는 100을 더할 것이므로 그렇게 할 수 있습니다.

38
00:02:28,800 --> 00:02:34,080
그래서 우리는 루프를 만들 것이고 우리는 멀리있는 곳에서 루프를 시작할 것입니다.

39
00:02:34,110 --> 00:02:35,360
0과 같습니다.

40
00:02:35,650 --> 00:02:38,110
Itis 덜 재미 있고 이것은 아무것도 될 수 있습니다.

41
00:02:38,130 --> 00:02:40,080
나는 그것을 1000으로했다.

42
00:02:40,140 --> 00:02:43,980
그리고 실제로 그것이 X를 얻을 수있게 해줍니다.

43
00:02:45,300 --> 00:02:46,780
그리고 매번.

44
00:02:46,800 --> 00:03:05,890
원 플러스를 만들기 위해 사용할 수있는 X 플러스 플러스를 사용하는 대신 모든 픽셀이 100 점의 점프를 수행 한 다음이 코드를 복사하고 원을 그리는 것뿐입니다.하지만 남겨두면 조금씩 바꿀 것입니다.

45
00:03:05,930 --> 00:03:09,960
이것은 동일한 경주에서 정확히 같은 지점에서 10 개의 서클을 만들 것입니다.

46
00:03:09,960 --> 00:03:19,050
그래서 우리가 원하는 것은 X 콤마로하고 y는 0으로 고정 될 것입니다.

47
00:03:19,860 --> 00:03:27,260
따라서 y 좌표가 0이고 반지름이 모두 10 인 원으로 이루어져야합니다.

48
00:03:27,330 --> 00:03:38,640
그리고 그 새로 고침을 살펴보면 여기에서 볼 수있는 100 개의 픽셀마다 10 개의 원이 생기고 새로운 10 개의 원이 생깁니다.

49
00:03:38,670 --> 00:03:42,790
그래서 우리가 원하는 것은 기본적으로 다시 반복하는 것입니다.

50
00:03:42,930 --> 00:03:45,670
그래서 우리는 처음으로 시간을 보낸다.

51
00:03:45,900 --> 00:03:49,700
이 행 중 하나가 10 번 내려야합니다.

52
00:03:49,980 --> 00:03:52,790
가장 좋은 방법은 다른 루프를 사용하는 것입니다.

53
00:03:53,070 --> 00:03:58,820
그래서 우리는 여기에있는 것을 가져 가고 이것을 반복하여 다른 루프를 만들 수 있습니다.

54
00:03:59,340 --> 00:04:02,990
그리고 이번에는 y 좌표를 위해 이것을 할 것입니다.

55
00:04:03,060 --> 00:04:09,240
그렇다면 왜 올라가서 1000 y 플러스와 100을 말해야합니다.

56
00:04:09,540 --> 00:04:12,130
그리고 어떻게 작동하는지 정확하게 알려 드리겠습니다.

57
00:04:12,150 --> 00:04:21,560
나는 중첩 된 루프가 0이되도록 변경하면 혼란 스러울 수 있다고 생각합니다. 실제로 이제는 필요한 모든 것입니다.

58
00:04:21,990 --> 00:04:24,940
그래서 우리가 그리드를 얻는 지 다시 한번 보자.

59
00:04:25,080 --> 00:04:29,880
그래서 가장 흥미로운 것은 아니지만 우리는 매우 빨리 원을 더했습니다.

60
00:04:29,910 --> 00:04:32,430
이제이 중첩 루프를 살펴 보겠습니다.

61
00:04:32,460 --> 00:04:37,210
그래서 저는 처음부터 X가 0에서 시작할 때 약간의 다이어그램을 그렸습니다.

62
00:04:37,800 --> 00:04:43,610
그래서 저는 x와 y가있는 곳에서 이렇게 할 것입니다.

63
00:04:44,220 --> 00:04:44,910
승인.

64
00:04:44,910 --> 00:04:48,970
X가 0에서 시작하도록 대문자로 만듭니다.

65
00:04:50,460 --> 00:04:55,840
그리고 X가 0 인 동안 우리는 Y를 0에서 시작하는이 루프 워드를합니다.

66
00:04:56,280 --> 00:04:58,540
그냥 그렇게.

67
00:04:59,400 --> 00:05:03,460
그리고 나서이 y 루프를 통해 다음 번에 X는 여전히 0입니다.

68
00:05:03,660 --> 00:05:06,210
그러나 이번에는 왜 100 명입니까?

69
00:05:06,210 --> 00:05:13,610
100을 더하면 x는 여전히 0이고 Y는 200입니다.

70
00:05:14,130 --> 00:05:15,350
그러면 X는 0입니다.

71
00:05:15,390 --> 00:05:18,090
왜 300 살이 지요.

72
00:05:18,280 --> 00:05:21,260
나는 한 점 점을 찍을 것이고 X는 0이라고 말할 것이다.

73
00:05:21,660 --> 00:05:37,590
왜 우리가 적은 것은 900에 도달하고 X를 100으로 변경 한 다음 Y가 0으로 되돌아 가기 위해 1000이 된 이유는 무엇입니까?

74
00:05:38,460 --> 00:05:44,690
기본적으로 모든 x에 대해 10 y를 생성합니다.

75
00:05:44,970 --> 00:05:49,500
그래서 우리는 100 회 또는 100 회 반복됩니다.

76
00:05:49,530 --> 00:06:00,210
그래서 조금 혼란 스럽지만,이 단계를 거치면 X가 0으로 시작하고 0에서 시작하지만 X가 0에 머무르며 y는 200보다 100까지 올라갑니다.

77
00:06:00,210 --> 00:06:03,370
그리고 우리는 그 하나 하나에서 하나의 원을 그리고 있습니다.

78
00:06:03,420 --> 00:06:07,590
왜 그런 다음 재설정하고 X가 올라가서 증가합니다.

79
00:06:07,890 --> 00:06:08,250
승인.

80
00:06:08,250 --> 00:06:12,060
제 의견으로는 너무 혼란 스럽습니다.

81
00:06:12,060 --> 00:06:15,000
우리가 할 수있는 마지막 일은 작은 변화입니다.

82
00:06:15,000 --> 00:06:18,430
매번 이것을 매 변수에 저장할 필요는 없습니다.

83
00:06:19,230 --> 00:06:29,740
우리는 이것을 이렇게 변경할 수 있습니다. 변수를 계속 재 할당하지 않으면 서클을 다시 사용하지 않기 때문에 좀 더 효율적입니다.

84
00:06:30,120 --> 00:06:31,290
우리는 단지 한 번만 만들고 있습니다.

85
00:06:31,410 --> 00:06:45,730
따라서 루프를 반복 할 때마다 변수를 다시 작성하고 다시 초기화하는 대신 새 원을 보라색 채우기 색을 지정하거나 노란색으로 저장 새로 고침을 수행하십시오.

86
00:06:45,900 --> 00:06:46,560
우리는 거기에 갈.

87
00:06:46,800 --> 00:06:47,220
승인.

88
00:06:47,370 --> 00:06:52,560
그래서 이것은 약간의 전환 이었지만 여전히 중요한 부분이었습니다.

89
00:06:52,560 --> 00:06:54,680
다시 그 일을하는 동기.

90
00:06:54,690 --> 00:06:55,380
바라기를 바랐다.

91
00:06:55,400 --> 00:07:16,810
그러나 동기 부여는 자바 스크립트 기술 루프를 종이로 결합하는 연습을하는 것이 었습니다. 예를 들어 짧은 코드 행을 알고 전화를하기 위해 일련의 코드를 실행해야한다는 것을 알았습니다. 다음 동영상의 OK는 실제로 공연에 참여하고 패드 공격 클론을 실제로 시작합니다.