大丈夫。
お帰りなさい。
次のいくつかのビデオでは、我々はより多くの動きを多く持っている実質的なアプリケーションを構築することに集中するつもりですhtmlより多くのCSSA多くのスタイリングと最も重要な多くの支配的な人口とイベント私たちは何を構築するつもりですRである。 G. 色を推測するゲーム。
だから、これらすべての作品がどのようにぴったり合っているかを実証するだけでなく、本当に素敵なツールです。
そしてあなたがRを練習するために。 G. 最初はRGVカラーシステムがやや直感的ではないので、色になります。
これは、人々が作業に慣れているほとんどのカラーシステムとは非常に異なっています。
だから私はそれがどのように動作するかを見せてもらう。
私たちはページを読み込み、6つのランダムな色をここで取得します。
これらは常に異なっています。
これらの色の1つは、GPの色の名前にここにリストアップされています。
そして私たちの仕事はどちらを選ぶかです。
赤、緑、青の3つのチャンネルがあり、それぞれの色は0から255までの範囲であることを覚えておいてください。
ブラック・ホワイト・イエロー・オレンジ・パープルは、赤と緑を組み合わせて作られています。
だから私たちが見たら。
私はウィキペディアを公開しており、この図では加法混色の仕組みを見ることができます。
だから、赤と緑を組み合わせ、赤と緑を組み合わせると、マゼンタを作るのとは少し違うかもしれません。
それは青と赤です。
そして、シアンを明るい青色にするには緑と青です。
最後に、白を作るために3つすべてを組み合わせます。
ここではもう少し簡単にする別の図があります。
我々は赤と緑と青、そしてマゼンタの黄とシアンと白を持っていて、色は黒ではありません。
だから私たちが戻ってきたら、これを使って色が何であるかを調べることができます。
だから見てみると、赤い束がほとんどすべて赤い。
ほとんど255までです。緑色が多く、青色がほとんどありません。
あなたがこのチャートから赤と緑を覚えていれば、多くの緑の中に赤がたくさんあるので黄色になります。
255個の赤色255個の緑があれば、このように見えます。
しかし、私たちは255未満しかないので明るくないでしょう。
だから戻ってみましょう。
うまくいけば、私たちが見たダイアグラムに基づいてどちらが正解であるかを知ることができれば、私はあなたに何が起こるかを最初に間違ったものを推測するつもりです。
だからこれは間違いなく間違っている。
これはすべて赤で、緑はほとんどありません。
私はクリックして離れて、それは私にもう一度試してみる。
ですから、間違ったものを推測し続けましょう。
これは間違っている。
OK。
知識は正しいものを推測する。
赤と緑は非常に黄色になります。
これは正しいです。
私はクリックして、6つのすべての正方形が戻ってくることに気付くでしょう。
彼らはすべて正しい色に変化し、背景も正しい色に変化します。
そして、正しいと言うメッセージを得るために、私が欲しいのであれば、私は再びプレイをクリックすることができ、それは新しい色を生成するでしょう。
私の画面はここまで青く戻り、6つの新しい四角形と新しいランダムな色がここにあります。
そして、私ができることは難しさを変えることです。
だから私がもっと簡単にしたいのなら、私は3色から選ぶだけです。
これは、我々が非常に似ている青の2つの色合いを持っているように、ここで数回リフレッシュしたら少し挑戦することができます。
あなたがこのゲームをしばらくプレイすると、これらの3つのピンクの色合いまたは2つの青い色合いに基づいてどちらが正しいかを判断することができます。
そしてそれが本当にここのポイントです。
しかし、まずは2つの色を選びたいと思うかもしれません。
だから別のものがあります。
それを少し赤くしましょう。
赤はほとんどない。
緑の少し。
それほどでもない。
そして、もちろん、それは私たちに非常に純粋な青を与えるだろう青の多く。
ハードモードに戻りましょう。
私がここで示しているもう一つの点は、レスポンシブなサイトなので、サイズを変更でき、私の四角形が中央に移動するということです。
ここの小さなナフバーを見てください。
両側の隙間が増減します。
そしてメッセージがあれば、これらのいずれかをクリックしてみましょう。それは間違っています。
私はもう一度やり直す。
これらがどのように接近するのか注目してください。
そして、私はそれらを離れて動かすことができ、私たちはそこにいくつかの間隔を置く。
だから私たちが実際に作成を始める前にまとめておきたいことをいくつか要約したいと思います。
それはかなりの成功の百のishのラインについてのjavascriptの多くであるかなり大きいアプリケーションになるだろうし、またいくつかは彼も老化した。
私たちは素朴な骨を少しだけスタイリングし始めます。機能をつかむだけで、その上にいくつかのスタイリングを追加します。
もう一つのこと。
そして、一度完成すれば、これを使ってRを磨くことができればうれしいです。 G.
コースのためだけにスキルを作っても、私のRGVスキルの一部をブラッシュアップするのにはかなり役立ちました。
私はRGVカラーピッカーにあまりにも依存する傾向にあることに気づいた。
RGVの仕組みを思い起こさせるためにも、これは私にとって素晴らしいことです。
そこで、次のビデオではコードを書くことにします