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:06,450
 

4
00:00:06,450 --> 00:00:12,570
 

5
00:00:12,570 --> 00:00:18,260
次のいくつかのビデオでは、我々はより多くの動きを多く持っている実質的なアプリケーションを構築することに集中するつもりですhtmlより多くのCSSA多くのスタイリングと最も重要な多くの支配的な人口とイベント私たちは何を構築するつもりですRである。 G. 色を推測するゲーム。

6
00:00:18,510 --> 00:00:23,820
だから、これらすべての作品がどのようにぴったり合っているかを実証するだけでなく、本当に素敵なツールです。

7
00:00:23,820 --> 00:00:24,980
 

8
00:00:24,990 --> 00:00:30,510
そしてあなたがRを練習するために。 G. 最初はRGVカラーシステムがやや直感的ではないので、色になります。

9
00:00:30,810 --> 00:00:35,300
これは、人々が作業に慣れているほとんどのカラーシステムとは非常に異なっています。

10
00:00:35,310 --> 00:00:36,860
だから私はそれがどのように動作するかを見せてもらう。

11
00:00:36,870 --> 00:00:40,330
私たちはページを読み込み、6つのランダムな色をここで取得します。

12
00:00:40,530 --> 00:00:41,750
これらは常に異なっています。

13
00:00:41,850 --> 00:00:47,150
これらの色の1つは、GPの色の名前にここにリストアップされています。

14
00:00:47,250 --> 00:00:50,330
そして私たちの仕事はどちらを選ぶかです。

15
00:00:50,340 --> 00:00:57,390
赤、緑、青の3つのチャンネルがあり、それぞれの色は0から255までの範囲であることを覚えておいてください。

16
00:00:57,390 --> 00:01:01,020
 

17
00:01:01,170 --> 00:01:07,940
ブラック・ホワイト・イエロー・オレンジ・パープルは、赤と緑を組み合わせて作られています。

18
00:01:08,340 --> 00:01:09,410
だから私たちが見たら。

19
00:01:09,570 --> 00:01:13,850
私はウィキペディアを公開しており、この図では加法混色の仕組みを見ることができます。

20
00:01:13,920 --> 00:01:21,330
だから、赤と緑を組み合わせ、赤と緑を組み合わせると、マゼンタを作るのとは少し違うかもしれません。

21
00:01:21,330 --> 00:01:24,650
 

22
00:01:25,170 --> 00:01:26,730
それは青と赤です。

23
00:01:26,940 --> 00:01:31,340
そして、シアンを明るい青色にするには緑と青です。

24
00:01:31,470 --> 00:01:34,810
最後に、白を作るために3つすべてを組み合わせます。

25
00:01:34,810 --> 00:01:38,170
ここではもう少し簡単にする別の図があります。

26
00:01:38,190 --> 00:01:44,850
我々は赤と緑と青、そしてマゼンタの黄とシアンと白を持っていて、色は黒ではありません。

27
00:01:45,000 --> 00:01:49,640
だから私たちが戻ってきたら、これを使って色が何であるかを調べることができます。

28
00:01:49,920 --> 00:01:54,860
だから見てみると、赤い束がほとんどすべて赤い。

29
00:01:55,140 --> 00:02:00,660
ほとんど255までです。緑色が多く、青色がほとんどありません。

30
00:02:00,840 --> 00:02:06,960
あなたがこのチャートから赤と緑を覚えていれば、多くの緑の中に赤がたくさんあるので黄色になります。

31
00:02:07,260 --> 00:02:11,670
255個の赤色255個の緑があれば、このように見えます。

32
00:02:11,970 --> 00:02:16,290
しかし、私たちは255未満しかないので明るくないでしょう。

33
00:02:16,320 --> 00:02:17,440
だから戻ってみましょう。

34
00:02:17,700 --> 00:02:22,860
うまくいけば、私たちが見たダイアグラムに基づいてどちらが正解であるかを知ることができれば、私はあなたに何が起こるかを最初に間違ったものを推測するつもりです。

35
00:02:22,860 --> 00:02:25,790
 

36
00:02:25,800 --> 00:02:27,450
だからこれは間違いなく間違っている。

37
00:02:27,450 --> 00:02:29,970
これはすべて赤で、緑はほとんどありません。

38
00:02:30,360 --> 00:02:33,900
私はクリックして離れて、それは私にもう一度試してみる。

39
00:02:33,900 --> 00:02:36,750
ですから、間違ったものを推測し続けましょう。

40
00:02:36,750 --> 00:02:37,690
これは間違っている。

41
00:02:37,860 --> 00:02:38,770
これは間違っている。

42
00:02:38,990 --> 00:02:39,270
OK。

43
00:02:39,270 --> 00:02:41,000
知識は正しいものを推測する。

44
00:02:41,130 --> 00:02:43,140
赤と緑は非常に黄色になります。

45
00:02:43,320 --> 00:02:44,370
これは正しいです。

46
00:02:44,520 --> 00:02:48,120
私はクリックして、6つのすべての正方形が戻ってくることに気付くでしょう。

47
00:02:48,150 --> 00:02:53,080
彼らはすべて正しい色に変化し、背景も正しい色に変化します。

48
00:02:53,760 --> 00:02:59,070
そして、正しいと言うメッセージを得るために、私が欲しいのであれば、私は再びプレイをクリックすることができ、それは新しい色を生成するでしょう。

49
00:02:59,070 --> 00:03:00,000
 

50
00:03:00,210 --> 00:03:05,680
私の画面はここまで青く戻り、6つの新しい四角形と新しいランダムな色がここにあります。

51
00:03:06,270 --> 00:03:08,870
そして、私ができることは難しさを変えることです。

52
00:03:08,910 --> 00:03:12,690
だから私がもっと簡単にしたいのなら、私は3色から選ぶだけです。

53
00:03:12,810 --> 00:03:18,990
これは、我々が非常に似ている青の2つの色合いを持っているように、ここで数回リフレッシュしたら少し挑戦することができます。

54
00:03:18,990 --> 00:03:20,510
 

55
00:03:20,520 --> 00:03:25,080
あなたがこのゲームをしばらくプレイすると、これらの3つのピンクの色合いまたは2つの青い色合いに基づいてどちらが正しいかを判断することができます。

56
00:03:25,080 --> 00:03:27,980
 

57
00:03:28,020 --> 00:03:29,220
そしてそれが本当にここのポイントです。

58
00:03:29,340 --> 00:03:32,520
しかし、まずは2つの色を選びたいと思うかもしれません。

59
00:03:32,520 --> 00:03:33,420
だから別のものがあります。

60
00:03:33,510 --> 00:03:35,290
それを少し赤くしましょう。

61
00:03:35,310 --> 00:03:36,470
赤はほとんどない。

62
00:03:36,690 --> 00:03:37,800
緑の少し。

63
00:03:37,830 --> 00:03:38,560
それほどでもない。

64
00:03:38,670 --> 00:03:42,890
そして、もちろん、それは私たちに非常に純粋な青を与えるだろう青の多く。

65
00:03:43,380 --> 00:03:44,690
ハードモードに戻りましょう。

66
00:03:44,700 --> 00:03:50,760
私がここで示しているもう一つの点は、レスポンシブなサイトなので、サイズを変更でき、私の四角形が中央に移動するということです。

67
00:03:50,760 --> 00:03:52,830
 

68
00:03:52,830 --> 00:03:54,870
ここの小さなナフバーを見てください。

69
00:03:54,870 --> 00:03:59,060
両側の隙間が増減します。

70
00:03:59,130 --> 00:04:03,290
そしてメッセージがあれば、これらのいずれかをクリックしてみましょう。それは間違っています。

71
00:04:03,780 --> 00:04:04,880
私はもう一度やり直す。

72
00:04:05,100 --> 00:04:08,140
これらがどのように接近するのか注目してください。

73
00:04:08,820 --> 00:04:11,950
そして、私はそれらを離れて動かすことができ、私たちはそこにいくつかの間隔を置く。

74
00:04:12,270 --> 00:04:16,970
だから私たちが実際に作成を始める前にまとめておきたいことをいくつか要約したいと思います。

75
00:04:17,220 --> 00:04:22,260
それはかなりの成功の百のishのラインについてのjavascriptの多くであるかなり大きいアプリケーションになるだろうし、またいくつかは彼も老化した。

76
00:04:22,260 --> 00:04:25,130
 

77
00:04:25,200 --> 00:04:29,580
私たちは素朴な骨を少しだけスタイリングし始めます。機能をつかむだけで、その上にいくつかのスタイリングを追加します。

78
00:04:29,580 --> 00:04:33,030
 

79
00:04:33,030 --> 00:04:34,160
もう一つのこと。

80
00:04:34,530 --> 00:04:40,110
そして、一度完成すれば、これを使ってRを磨くことができればうれしいです。 G.

81
00:04:40,110 --> 00:04:45,820
コースのためだけにスキルを作っても、私のRGVスキルの一部をブラッシュアップするのにはかなり役立ちました。

82
00:04:45,870 --> 00:04:49,280
私はRGVカラーピッカーにあまりにも依存する傾向にあることに気づいた。

83
00:04:49,410 --> 00:04:54,680
RGVの仕組みを思い起こさせるためにも、これは私にとって素晴らしいことです。

84
00:04:55,080 --> 00:04:56,970
そこで、次のビデオではコードを書くことにします