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:15,620
대신 6 개의 임의의 색상을 생성하고이 배열을 6 개의 임의의 색상으로 채운 다음 해당 색상을 생성하는 색상 중 하나를 선택하려고합니다.

4
00:00:15,630 --> 00:00:18,320
나는 실제로 우리를 도울 다른 함수를 작성하려고합니다.

5
00:00:18,390 --> 00:00:34,590
그래서 우리 함수는 하드 코딩 된 배열을내어 놓습니다. 우리는 함수 호출과 동일한 색상을 설정합니다.이 함수 호출은 무작위 색상을 생성하고 아직 존재하지 않으며 몇 가지 색상을 결정하는 단일 인수를 취할 것입니다. 배열에서 생성합니다.

6
00:00:34,590 --> 00:00:41,820
따라서 우리가 쉬운 모드와 하드 모드로 갈 때 결국 우리가 원하는 세 가지 항목을 가진 배열을 원한다면 6을 원할 것입니다.

7
00:00:42,060 --> 00:00:43,510
그러면 6부터 시작하겠습니다.

8
00:00:43,560 --> 00:00:45,570
그것이 페이지가로드 될 때 우리가 원하는 것입니다.

9
00:00:45,900 --> 00:00:54,430
그런 다음 숫자를 취하여 배열 대신 임의의 색상 X 개를 반환하는 임의 색상 생성 함수를 만들어야합니다.

10
00:00:54,450 --> 00:00:57,900
그래서 내가 여기서 할거야.

11
00:00:57,900 --> 00:01:09,060
함수는 임의의 색상을 생성하며, 여기에는 마비라고 부르는 인수를 취해야합니다.

12
00:01:09,060 --> 00:01:10,440
내 의사 코드 야.

13
00:01:10,440 --> 00:01:12,550
그래서 배열을 만들 것입니다.

14
00:01:12,900 --> 00:01:23,640
배열에 임의의 색상을 추가 한 다음 그 배열을 맨 마지막으로 반환 할 것입니다.

15
00:01:24,120 --> 00:01:26,370
그래서 이것을 시작하는 것이 가장 쉬운 부분입니다.

16
00:01:26,370 --> 00:01:28,200
배열을 비어있는 것으로 만듭니다.

17
00:01:28,380 --> 00:01:35,980
그래서 우리는 이것을 빈 배열이라고 부르고 그 아래쪽에있는 동일한 배열을 반환 할 것입니다.

18
00:01:36,000 --> 00:01:38,610
어려운 부분은 그 사이에 들어가는 논리입니다.

19
00:01:38,640 --> 00:01:42,660
그래서 여기서 우리는 임의의 색상을 추가해야합니다.

20
00:01:42,690 --> 00:01:46,700
이것이 의미하는 바는 무언가를 반복해야한다는 것입니다.

21
00:01:46,760 --> 00:01:49,000
그래서 여섯 번이나 세 번이나.

22
00:01:49,230 --> 00:01:50,830
그래서 우리는 그것을하기 위해 루프를 사용할 것입니다.

23
00:01:51,120 --> 00:01:55,540
그래서 우리는 우리의 제로의 루프를 시작합니다.

24
00:01:56,430 --> 00:02:01,800
나는 마비 플러스 플러스보다 적다.

25
00:02:02,100 --> 00:02:13,910
그리고 우리가 0에서 시작하거나 1에서 시작한다면 우리는 실제로 사용하지 않을 것이기 때문에이 값을 작거나 같게 만듭니다. 이것은 단지 Nahm 번 6 번 세 번 반복하는 것입니다.

26
00:02:14,130 --> 00:02:23,010
그리고 나서 여기에서 우리는 실제로 무작위적인 색을 얻고 배열로 밀어 넣을 것입니다.

27
00:02:23,070 --> 00:02:28,190
그래서이 라인은 실제로 실제로 마비가 반복되는 것입니다.

28
00:02:28,590 --> 00:02:36,190
그래서 저는 우리를 위해 임의의 색상을 생성 할 별도의 함수를 실제로 만들려고합니다. 그리고 나는 그 하나의 임의의 색상을 호출 할 것입니다.

29
00:02:36,270 --> 00:02:41,990
그래서 함수 임의의 색상과 당신이보고있는 것은 내가 여기에 함수가 있다는 것입니다.

30
00:02:42,090 --> 00:02:49,860
랜덤 한 색상을 생성해서 그 중 하나를 호출합니다. 그냥 임의의 색상이라고 부르는 다른 함수를 호출하고 있습니다. 실제로 코드를 깨뜨리는 것입니다.

31
00:02:49,860 --> 00:02:58,680
분명히 모듈 식으로 만들 수 있습니다. 기능이 전혀없는 모든 것을 우리가 가질 수있는 것은 사람들이 스파게티 코드라고 부르는 것일뿐입니다.

32
00:02:58,830 --> 00:03:01,760
여기서는 일부 구조를 추가하기 위해 여기에 몇 가지 함수를 추가 할 것입니다.

33
00:03:01,920 --> 00:03:07,090
그리고이 프로젝트의 마지막 단계에서 우리는 작업을 마쳤을 때 모든 기능이 훌륭하게 보입니다.

34
00:03:07,230 --> 00:03:18,080
리팩토링에 대한 옵션 비디오가있을 것이고, 주변에서 물건을 바꿀 수있는 방법에 대해 이야기 할 것입니다. 조금 더 깔끔하게 정리할 수 있지만 똑같은 방식으로 작동 할 것입니다.

35
00:03:18,090 --> 00:03:38,250
그래서 무작위 색을 만들기 위해 무작위 색을 시작하려면 0에서 5 5까지 0에서 5 5까지를 선택해야합니다. 그런 다음 0에서 2 5 5까지 녹색을 선택하고 파란색을 선택해야합니다. .

36
00:03:39,210 --> 00:03:45,490
따라서 0에서 255까지의 숫자를 선택하려면 무작위가 아닌 수학을 사용해야합니다.

37
00:03:45,570 --> 00:03:49,230
그래서 그것은 무작위가 아닌 수학이 될 것입니다.

38
00:03:49,350 --> 00:03:51,760
0과 1 사이의 값을줍니다.

39
00:03:51,870 --> 00:03:53,070
그것은 하나도 포함하지 않습니다.

40
00:03:53,220 --> 00:03:57,900
256을 곱해야합니다. 왜냐하면 우리가 반올림하고 있다는 것을 기억하기 때문입니다.

41
00:03:58,050 --> 00:04:08,730
그래서 우리는 255가 가능한 가장 큰 숫자가 될 수 있기를 원합니다. 256을 곱하면 그 다음에 우리는 그 수학 층을 바닥에 놓아야합니다.

42
00:04:08,900 --> 00:04:19,630
그래서 우리가 0에서 255 사이의 임의의 숫자를 얻는다면 당신이 볼 수있는이 코드에 내 조언과 붙여 넣기로 가서 실제로 255로가는 것을 보지 못할 것입니다.

43
00:04:19,660 --> 00:04:21,770
우리는 저를 신뢰해야합니다.

44
00:04:21,900 --> 00:04:23,700
하지만 적어도 가까워 지는지 알 수 있습니다.

45
00:04:23,700 --> 00:04:25,590
나는 우리가 253을 보았다고 생각한다.

46
00:04:25,590 --> 00:04:26,770
지금은 충분히 좋습니다.

47
00:04:27,060 --> 00:04:33,920
또한 모든 사각형이 보라색으로 변하는 것을 볼 수 있습니다. 왜냐하면 우리의 임의의 색상을 생성해도 아무 것도 반환하지 않기 때문입니다.

48
00:04:33,930 --> 00:04:36,240
그래서 그냥 빈 문자열을 반환합니다.

49
00:04:36,300 --> 00:04:39,300
그래서 우리는 실제로 각각을 반복하고 색깔을 부여하지는 않습니다.

50
00:04:39,300 --> 00:04:44,360
그래서 Cs의 기본 보라색을 옆쪽으로 보았습니다.

51
00:04:44,700 --> 00:04:48,480
따라서 0에서 255 사이의 숫자가 생성됩니다.

52
00:04:48,870 --> 00:05:07,250
우리는 이것을 R이라는 변수에 저장합니다. 그러면 녹색과 파란색에 대해 똑같은 일을 할 것입니다. 그래서이 공간과 똑같이 G와 B라는 이름을 변경하면 0에서 255까지 세 개의 숫자가 생깁니다.

53
00:05:07,530 --> 00:05:18,640
그리고 최악의 부분은 R.G의 형식을 따르는이 큰 문자열로 그들을 합성하는 것입니다. B 괄호와 R G와 B의 내부 번호.

54
00:05:18,900 --> 00:05:22,260
그리고 그것은 열리고 닫는 문자열과 플러스 기호를 많이 의미합니다.

55
00:05:22,260 --> 00:05:25,390
이제부터 이와 같이 보겠습니다.

56
00:05:25,410 --> 00:05:32,350
우리는 G-B를 가지고 괄호를 열고 빨간 채널을 더할 것입니다.

57
00:05:32,370 --> 00:05:48,980
이 숫자는 0에서 2 5 5 플러스 쉼표와 G의 값에 다른 쉼표와 B의 값과 폐점 괄호를 더한 값입니다.

58
00:05:49,620 --> 00:05:51,230
이제 우리는 잘 가야합니다.

59
00:05:51,340 --> 00:05:52,530
이 큰 끈.

60
00:05:52,680 --> 00:05:58,570
그리고 우리가하고 싶은 것은 사실 그 문자열을 실제로 반환하는 것입니다.

61
00:05:58,590 --> 00:06:03,350
따라서이 큰 문자열을 반환하면 하나의 임의의 색상이 생성됩니다.

62
00:06:03,360 --> 00:06:05,090
따라서 한 가지 색상에 많은 작업이 필요합니다.

63
00:06:05,100 --> 00:06:07,650
3 개의 다른 숫자 0 2 2 5 5.

64
00:06:07,650 --> 00:06:12,450
우리는 그 (것)들 사이에 괄호 사이에 쉼표와 함께 R.G. 비.

65
00:06:12,660 --> 00:06:15,650
그리고 우리는 그것을 돌려 보내서 여기에서 사용할 수 있습니다.

66
00:06:15,660 --> 00:06:25,600
그리고 만약 우리가 그 작품을 시험해보기를 원한다면 페이지를 새로 고치고 영사에게 가서 그냥 임의의 색으로 전화를 걸면 좋을 것 같습니다.

67
00:06:25,620 --> 00:06:26,770
우리는 임의의 색깔을 얻고 있습니다.

68
00:06:26,790 --> 00:06:27,910
괄호가 맞습니다.

69
00:06:27,990 --> 00:06:29,910
쉼표는 모두 좋습니다.

70
00:06:29,910 --> 00:06:33,510
가자. 지금 사용해라.

71
00:06:34,170 --> 00:06:39,990
그래서 우리는 그 임의의 색을 우리의 배열로 밀어 넣을 것입니다.

72
00:06:39,990 --> 00:06:41,240
여기 있습니다.

73
00:06:41,280 --> 00:06:46,510
따라서 DOT 푸시와 푸시를 사용할 필요는 없지만 여기에서 할 것입니다.

74
00:06:46,710 --> 00:06:49,820
그리고 이것은 이제 우리에게 멋진 색상의 배열을 만들어 줄 것입니다.

75
00:06:50,210 --> 00:06:52,580
따라서 임의의 색상을 생성하십시오. 6.

76
00:06:52,770 --> 00:06:56,740
이것을 매회 6 회씩 반복합니다.

77
00:06:56,910 --> 00:06:59,230
그것은 배열에 임의의 색상을 푸시합니다.

78
00:06:59,430 --> 00:07:02,440
그래서 저는 여기서 우리의 의견을 옮기려고합니다.

79
00:07:02,460 --> 00:07:03,260
우리는 거기에 갈.

80
00:07:03,600 --> 00:07:06,040
그리고 우리가 새로 고침하면 그것이 작동하는지 확인합니다.

81
00:07:06,180 --> 00:07:15,250
이제 우리는 6 개의 무작위 색상을 얻었고 배열에서 선택한 하나의 색상을 선택하는 임의의 색상뿐만 아니라 변경도 볼 수 있습니다.

82
00:07:15,270 --> 00:07:16,520
그래서 우리는 그것을 깨지 않았다.

83
00:07:16,530 --> 00:07:19,190
모든 것이 여전히 효과가 있습니다.

84
00:07:19,200 --> 00:07:20,000
어디 보자.

85
00:07:20,000 --> 00:07:27,210
따라서 이러한 색상 중 일부를 클릭하면 다시 시도하십시오. 다시 시도하십시오. 아마도 나에게는 실제로 나쁜 책이 있지만 문제가 없습니다.

86
00:07:27,400 --> 00:07:28,920
그래서 문제는 조금 까다 롭습니다.

87
00:07:29,130 --> 00:07:36,500
바로 여기에서 상황을 비교할 때 스코어 키퍼 게임을했을 때 자랐던 버그와 조금 비슷합니다.

88
00:07:36,930 --> 00:07:43,110
사용자가 올바른 색상을 선택했는지 여부를 확인하는 중이라면 숫자가 있기 전에 뭔가 잘못 될 수 있습니다.

89
00:07:43,110 --> 00:07:44,880
그리고 우리는 그것을 문자열과 비교하고있었습니다.

90
00:07:45,030 --> 00:07:46,760
이 경우에는 약간 다릅니다.

91
00:07:46,920 --> 00:07:53,000
그럼 다른 죄책감을 보여 주겠다. 벨트 로그 색상을 클릭 한 다음 색상을 선택하십시오.

92
00:07:53,250 --> 00:07:56,190
그리고 그들이 어쩌면 약간 다른 것 같아 보이는지 보자.

93
00:07:56,340 --> 00:08:00,570
페이지를 새로 고침하고 죄수를여십시오. 그리고 클릭을 시작합시다.

94
00:08:00,570 --> 00:08:06,120
그래서 이것은 프레드의 중간 정도의 양이고 조금은 초록색이며 상당히 푸른 색입니다.

95
00:08:06,300 --> 00:08:07,510
그래서 몇 가지를 클릭합시다.

96
00:08:08,160 --> 00:08:12,700
그리고 왼쪽의 숫자는 문자열 RGV이고 오른쪽은 문자열입니다.

97
00:08:12,990 --> 00:08:15,180
그리고 물론이 것들은 일치하지 않습니다.

98
00:08:15,840 --> 00:08:21,950
그러나 당신이 맞은 것을 클릭하면 그들이 일치 할 때 여전히 우리가 틀렸다는 것을 알 수 있습니다.

99
00:08:21,960 --> 00:08:23,220
다시 해보라고 했어.

100
00:08:23,490 --> 00:08:28,080
그리고 여기에서 두 개의 문자열을 비교하면 클릭 한 색상이됩니다.

101
00:08:28,080 --> 00:08:29,420
이것은 되돌아 오는 것입니다.

102
00:08:29,550 --> 00:08:38,290
요소를 클릭하면이 도트로 다이얼 된 배경을 묻습니다.이 색상은 우리가 배열에서 선택한 색상입니다.

103
00:08:38,400 --> 00:08:40,380
그럼 어떻게 든 그들은 조금 다릅니다.

104
00:08:40,380 --> 00:08:50,620
그리고 실제로 SS가 자동으로 기숙사에 추가 한 요소의 배경색을 설정하면 자동으로 10 개의 공백을 추가합니다.

105
00:08:50,970 --> 00:09:02,930
그래서 우리가하고 싶은 일이 우리 숫자 사이에 공백을 추가하는 것입니다. 그래서 혜성 후에 우리가 그렇게한다면 그들은 서로를 비교하고 동일해질 것입니다.

106
00:09:02,970 --> 00:09:04,890
그래서 그것은 다소 까다로운 버그입니다.

107
00:09:04,920 --> 00:09:11,740
우리가 일을 트리플 평등과 비교하는 방식과 관련이 있습니다. 어쨌든 더블 오버 평등은 아닙니다.

108
00:09:11,820 --> 00:09:16,460
두 배의 호출은 공백이나 다른 것을 무시하지 않지만 우리가 색상을 어떻게 생성했는지에 관한 문제 일뿐입니다.

109
00:09:16,740 --> 00:09:19,240
우리가 이것을 다시 시도하고 새로 고침하면.

110
00:09:19,410 --> 00:09:20,990
이제 클릭 만하면됩니다.

111
00:09:21,120 --> 00:09:24,780
우리의 공간이 여기에 있고 이것이 확실히 일치한다는 것을 알 수 있습니다.

112
00:09:24,780 --> 00:09:32,060
일단 우리가 마지막 색깔 인 적당한 색깔을 클릭하면 우리는 올바른 것을 얻습니다.

113
00:09:32,100 --> 00:09:34,650
그래서 거기에 까다로운 벌레가 있습니다.

114
00:09:34,650 --> 00:09:41,280
게임과 전체 화면을 재생 해보고 콘솔을 없애고 임의의 색상을 새로 고침하고 감탄 해 봅시다.

115
00:09:41,280 --> 00:09:48,950
우리가 할 수있는 마지막 일은 우리가 올바르게했을 때 내가 여기에서했던 것처럼 H-1 배경을 바꿀 수 있다는 것입니다.

116
00:09:49,110 --> 00:09:52,940
따라서 올바른 색상을 추측하면 배경색도 변경됩니다.

117
00:09:53,040 --> 00:09:54,910
그리고 그것은 간단한 변화입니다.

118
00:09:54,960 --> 00:09:57,540
우리가해야 할 일은 H-1을 선택하는 것뿐입니다.

119
00:09:58,080 --> 00:10:01,920
그래서 H-1과 우리는 이것을 페이지의 유일한 H-1로 선택할 수 있습니다.

120
00:10:01,950 --> 00:10:16,200
그래서 여기에서 저는 맨 아래에있는 var H-1을 쿼리 선택기 H-1이 저장 한 문서와 동일하게 선택하려고합니다.

121
00:10:16,200 --> 00:10:28,460
그리고 사용자가 올바르게 추측 할 때 우리는 바로 여기에 H-1 국방성 배경을 변경하거나 해당 배경을 스타일링 할 것입니다.

122
00:10:29,610 --> 00:10:42,060
이제는 색을 모으는 것과 같아야합니다. 우리는 올바른 게임 버전으로 돌아가는 것을 저장하고 클릭 해 봅니다.

123
00:10:42,930 --> 00:10:48,950
그리고 거기에 우리는 확실히 우리 스타일링과 비교할 수있는 방법이 있습니다.하지만 우리는 거기에 논리를 가지고 있습니다.

124
00:10:49,200 --> 00:10:53,120
그래서 당신은 배경 색상을 변경함으로써 그것이 사라지는 것을 잘못 추측합니다.

125
00:10:53,400 --> 00:10:58,240
그리고 당신이 정확하게 짐작하면 그들은 모두 색이 바뀌고 H-1도 바뀝니다.

126
00:10:58,620 --> 00:11:03,910
다음 비디오에서 우리는 다시 연극 기능을 추가 할 예정이며 조금 더 스타일링을 추가 할 것입니다.