1
00:00:00,120 --> 00:00:00,390
괜찮아.

2
00:00:00,390 --> 00:00:01,190
다시 오신 것을 환영합니다.

3
00:00:01,350 --> 00:00:18,260
다음 몇 개의 동영상에서 우리는 움직이는 부분이 많이있는 실질적인 응용 프로그램을 만드는 데 초점을 맞출 것입니다. html 더 많은 CSSA 스타일링이 가장 중요하고 가장 중요한 것은 많은 인구와 이벤트가 있습니다. RG 추측 게임 색칠.

4
00:00:18,510 --> 00:00:24,980
따라서이 모든 조각들이 어떻게 어울리는지를 보여주는 훌륭한 시연 일뿐만 아니라 가지고있는 훌륭한 도구이기도합니다.

5
00:00:24,990 --> 00:00:30,790
그리고 당신이 R.G. RGV 색상 시스템이 처음에는 조금 비현실적이기 때문에 색상이됩니다.

6
00:00:30,810 --> 00:00:35,300
사람들이 익숙하게 사용하는 대부분의 컬러 시스템과 매우 다릅니다.

7
00:00:35,310 --> 00:00:36,860
그럼 어떻게 작동하는지 보여 드리겠습니다.

8
00:00:36,870 --> 00:00:40,330
우리는 페이지를로드하고 여기서 6 개의 임의의 색상을 얻습니다.

9
00:00:40,530 --> 00:00:41,750
이들은 항상 다릅니다.

10
00:00:41,850 --> 00:00:47,150
그리고 그 색상 중 하나가 우리 GP의 색상 이름으로 여기에 나열되어 있습니다.

11
00:00:47,250 --> 00:00:50,330
그리고 우리의 임무는 어느 것을 고르는 것입니다.

12
00:00:50,340 --> 00:01:01,020
빨간색과 파란색의 세 채널이 있으며 각각의 범위는 0에서 255 사이이며 우리가 원할 수있는 모든 단일 색상을 만들기 위해 필요한 세 가지 색상이 모두 필요하다는 것을 기억하십시오.

13
00:01:01,170 --> 00:01:07,940
검은 흰색 옐로우 오렌지 보라색은 모두 빨강 녹색과 파란색을 결합하여 실제로 만들어집니다.

14
00:01:08,340 --> 00:01:09,410
우리가 살펴 본다면.

15
00:01:09,570 --> 00:01:13,850
Wikipedia가 열려 있으므로이 다이어그램에서 가법 색상 혼합이 어떻게 작동하는지 확인할 수 있습니다.

16
00:01:13,920 --> 00:01:24,650
그래서 우리는 빨강 녹색과 파랑을 가지고 있으며 노란색을 만들기 위해 빨강과 초록색을 결합합니다. 이것은 마젠타 색을 만들 것으로 예상되는 색상과 약간 다를 수 있습니다.

17
00:01:25,170 --> 00:01:26,730
파란색과 빨간색입니다.

18
00:01:26,940 --> 00:01:31,340
시안 색을 밝은 청색으로 만드는 것은 녹색과 파란색입니다.

19
00:01:31,470 --> 00:01:34,810
그리고 나서 마지막으로 흰색을 만들기 위해 우리는이 세 가지를 모두 결합합니다.

20
00:01:34,810 --> 00:01:38,170
여기에 다른 다이어그램이 있습니다. 조금 더 쉬워졌습니다.

21
00:01:38,190 --> 00:01:44,850
우리는 적색 녹색과 파란색 그리고 마젠타 옐로우 시안 색과 흰색을 가지고 있으며 검정색이 없습니다.

22
00:01:45,000 --> 00:01:49,640
그래서 우리가 돌아 가면 그것을 사용하여 이것이 어떤 색인지 알아낼 수 있습니다.

23
00:01:49,920 --> 00:01:54,860
그래서 우리가 한 번 보게되면 우리는 붉은 색을 거의 모두 가지고 있습니다.

24
00:01:55,140 --> 00:02:00,660
최대 255까지 거의 녹색과 푸른 색이 많이 있습니다.

25
00:02:00,840 --> 00:02:06,960
이 차트에서 빨간색과 초록색을 기억하면 많은 녹색의 빨간색이 많이 나타납니다.

26
00:02:07,260 --> 00:02:11,670
255 개의 빨간색 255 개의 녹색이 있다면 이렇게 보일 것입니다.

27
00:02:11,970 --> 00:02:16,290
그러나 우리는 255 미만이므로 밝지 않을 것입니다.

28
00:02:16,320 --> 00:02:17,440
그래서 돌아 가자.

29
00:02:17,700 --> 00:02:25,790
다행히도 우리가 방금 본 다이어그램에서 어느 것이 올바른 답인지 말할 수 있기를 바랍니다. 그러나 나는 당신에게 무엇이 일어 났는지를 보여주기 위해 잘못된 것을 먼저 추측 할 것입니다.

30
00:02:25,800 --> 00:02:27,450
그래서 이것은 틀 렸습니다.

31
00:02:27,450 --> 00:02:29,970
이것은 모두 빨간색이고 아주 작은 녹색입니다.

32
00:02:30,360 --> 00:02:33,900
나는 그것을 클릭하고 멀리 떠나 그것은 다시 시도 알려줍니다.

33
00:02:33,900 --> 00:02:36,750
그래서 잘못된 것을 추측 해 봅시다.

34
00:02:36,750 --> 00:02:37,690
이건 잘못된거야.

35
00:02:37,860 --> 00:02:38,770
이건 잘못된거야.

36
00:02:38,990 --> 00:02:39,270
승인.

37
00:02:39,270 --> 00:02:41,000
지식은 올바른 것을 추측합니다.

38
00:02:41,130 --> 00:02:43,140
빨간색과 초록색은 매우 황색 일 것입니다.

39
00:02:43,320 --> 00:02:44,370
그래서이 말이 맞습니다.

40
00:02:44,520 --> 00:02:48,120
클릭하고 6 개의 사각형이 모두 돌아온 것을 확인합니다.

41
00:02:48,150 --> 00:02:53,520
모두 올바른 색으로 바뀌고 배경이 바뀌어 올바른 색으로 보입니다.

42
00:02:53,760 --> 00:03:00,000
올바른 메시지를 받으려면 원하는 경우 다시 클릭하면 새로운 색상이 생성됩니다.

43
00:03:00,210 --> 00:03:05,680
내 화면이 파란색으로 다시 올라가면 6 개의 새로운 사각형과 새로운 임의의 색상이 여기에 있습니다.

44
00:03:06,270 --> 00:03:08,870
그리고 내가 할 수있는 일은 어려움을 바꾸는 것입니다.

45
00:03:08,910 --> 00:03:12,690
그래서 내가 더 쉽게 원한다면 나는 선택할 수있는 3 가지 색만 있습니다.

46
00:03:12,810 --> 00:03:20,510
우리가 여기 몇 번 새로 고침을 할 때 우리는 매우 비슷한 파란색의 두 가지 음영을 가지고있을 때 조금 어려워 질 수 있습니다.

47
00:03:20,520 --> 00:03:27,980
이제이 게임을 한참하고 나면이 세 가지 분홍색 음영 또는이 두 가지 파란색 음영을 기준으로 어느 것이 옳은지 결정할 수 있습니다.

48
00:03:28,020 --> 00:03:29,220
그리고 그것이 정말로 요점입니다.

49
00:03:29,340 --> 00:03:32,520
그러나 시작하려면 두 가지 색상을 선택하는 것이 좋습니다.

50
00:03:32,520 --> 00:03:33,420
여기 또 다른 것이 있습니다.

51
00:03:33,510 --> 00:03:35,290
빨간색으로 조금 해보 죠.

52
00:03:35,310 --> 00:03:36,470
거의 빨간색이 아닙니다.

53
00:03:36,690 --> 00:03:37,800
약간의 녹색.

54
00:03:37,830 --> 00:03:38,560
별로.

55
00:03:38,670 --> 00:03:42,890
그리고 많은 푸른 색은 우리에게 매우 순수한 푸른 색을 줄 것입니다.

56
00:03:43,380 --> 00:03:44,690
하드 모드로 돌아가겠습니다.

57
00:03:44,700 --> 00:03:52,830
여기에 나와있는 한 가지 다른 점은 반응 형 사이트이므로 크기를 조정할 수 있고 사각형은 가운데로 이동한다는 것입니다.

58
00:03:52,830 --> 00:03:54,870
이 작은 멍청이 바 여기서 봐.

59
00:03:54,870 --> 00:03:59,060
옆면에있는 그들 사이의 공간은 증가하거나 감소 할 것입니다.

60
00:03:59,130 --> 00:04:03,290
그리고 만약 내가 메시지를 가지고 있다면, 이것들 중 하나를 클릭합시다. 그건 틀 렸습니다.

61
00:04:03,780 --> 00:04:04,880
나는 다시 시도한다.

62
00:04:05,100 --> 00:04:08,140
이들이 어떻게 더 가까워 지는지 주목하십시오.

63
00:04:08,820 --> 00:04:11,950
그리고 나서 나는 그것들을 따로 따로 움직일 수 있고 거기에 더 많은 간격을 두게됩니다.

64
00:04:12,270 --> 00:04:16,970
그래서 실제로 작성하기 전에 끝내기 위해 몇 가지를 요약하려고합니다.

65
00:04:17,220 --> 00:04:25,130
그것은 꽤 큰 애플 리케이션이기도합니다. 자바 스크립트가 100 개가 넘는 것에 대해서는 꽤 많은 성공을 거두었고 일부는 그를 노화 시켰을 것입니다.

66
00:04:25,200 --> 00:04:33,030
우리는 아주 작은 스타일링을 시작하기 시작할 것입니다. 그리고 우리는 기능성을 얻도록 할 것입니다. 그리고 우리는 가서 그 위에 스타일링을 추가 할 것입니다.

67
00:04:33,030 --> 00:04:34,160
다른 것.

68
00:04:34,530 --> 00:04:45,820
그리고 일단 우리가 끝내면 잘하면 R.G.를 닦을 때 꽤 자주 이것을 사용할 수 있습니다. 물론이 과정을이 기술로 만든 기술은 내 RGV 기술 중 일부를 닦을 때 상당히 도움이되었습니다.

69
00:04:45,870 --> 00:04:49,280
RGV 색상 피커에 너무 많이 의존하는 경향이 있음을 알았습니다.

70
00:04:49,410 --> 00:04:54,680
그래서 저는 연습을하고 RGV가 어떻게 작동 하는지를 생각 나게하기 위해 저에게 큰 도움이됩니다.