1
00:00:00,120 --> 00:00:00,390
W porządku.

2
00:00:00,390 --> 00:00:01,190
Witamy spowrotem.

3
00:00:01,350 --> 00:00:18,260
W ciągu najbliższych kilku filmach mamy zamiar skupić się na budowaniu znaczną coś aplikacji, która ma wiele ruchomych elementów html już więcej CSSA wiele stylizacji i co najważniejsze dużo dominującej ludności i Handly zdarzeń, co mamy zamiar zbudować jest RG barwić zgadywania gry.

4
00:00:18,510 --> 00:00:24,980
Więc to nie tylko wielka demonstracja, jak te wszystkie elementy pasują do siebie, ale jest to również bardzo przydatne narzędzie, aby mieć.

5
00:00:24,990 --> 00:00:30,790
A dla ćwiczyć R. G. być kolory, ponieważ system kolorów RGV jest trochę nieintuicyjne w pierwszej kolejności.

6
00:00:30,810 --> 00:00:35,300
To bardzo różni się od większości systemów kolorystycznych, że ludzie są przyzwyczajeni do pracy z.

7
00:00:35,310 --> 00:00:36,860
Więc pozwól mi pokazać, jak to działa.

8
00:00:36,870 --> 00:00:40,330
Mamy załadować stronę i mamy sześć losowych kolorów tutaj.

9
00:00:40,530 --> 00:00:41,750
Są to zawsze inna.

10
00:00:41,850 --> 00:00:47,150
I jeden z tych kolorów jest wymienione tutaj nazwy koloru w naszym GP.

11
00:00:47,250 --> 00:00:50,330
A naszym zadaniem jest, aby wybrać, który z nich.

12
00:00:50,340 --> 00:01:01,020
Pamiętaj, że istnieją trzy kanały czerwony, zielony i niebieski, a każdy z nich waha się od 0 do 255, a wszystko, czego potrzebujemy, to te trzy kolory, aby każdy kolor, który mogliśmy kiedykolwiek chcesz.

13
00:01:01,170 --> 00:01:07,940
Czarny biały, żółty, pomarańczowy purpurowy wszystkie te są rzeczywiście wykonane przez łączenie czerwony, zielony i niebieski.

14
00:01:08,340 --> 00:01:09,410
Więc jeśli przyjrzymy.

15
00:01:09,570 --> 00:01:13,850
Mam Wikipedia otworzyć możemy zobaczyć, jak dodatek do mieszania kolorów prace w tym schemacie.

16
00:01:13,920 --> 00:01:24,650
Mamy więc czerwony, zielony i niebieski i żółty, aby faktycznie połączyć czerwone i zielone, które jest może trochę inaczej niż to, czego oczekuje się magenta.

17
00:01:25,170 --> 00:01:26,730
Jest to niebieski i czerwony.

18
00:01:26,940 --> 00:01:31,340
I aby Cyan jasnoniebieski kolor Jest to zielony i niebieski.

19
00:01:31,470 --> 00:01:34,810
A potem wreszcie zrobić białe łączymy wszystkie trzy.

20
00:01:34,810 --> 00:01:38,170
Więc oto inny schemat zrobiony tutaj sprawia, że ​​trochę łatwiej.

21
00:01:38,190 --> 00:01:44,850
Mamy czerwony zielony i niebieski, a następnie żółty cyjan i magenta biały i to nie kolor to czarny.

22
00:01:45,000 --> 00:01:49,640
Więc jeśli wrócimy możemy używać, aby spróbować dowiedzieć się, jaki kolor jest.

23
00:01:49,920 --> 00:01:54,860
Więc jeśli przyjrzymy mamy kilka czerwonych prawie cała czerwona.

24
00:01:55,140 --> 00:02:00,660
Do 255 więc prawie Istnieje dużo zieleni i bardzo mały niebieski.

25
00:02:00,840 --> 00:02:06,960
Tak dużo czerwonego w wielu zielona jeśli pamiętasz z tego wykresu czerwieni i zieleni sprawia, żółty.

26
00:02:07,260 --> 00:02:11,670
Więc jeśli mieliśmy 255 255 czerwony zielony to będzie wyglądać w ten sposób.

27
00:02:11,970 --> 00:02:16,290
Ale mamy mniej niż 255 więc nie będzie tak jasne.

28
00:02:16,320 --> 00:02:17,440
Więc wróćmy.

29
00:02:17,700 --> 00:02:25,790
Mam nadzieję, że można powiedzieć, który z nich jest poprawna odpowiedź opiera się na schemacie po prostu przyglądać ale zamierzam zgadywać coś złego pierwszy pokazać, co się dzieje.

30
00:02:25,800 --> 00:02:27,450
Więc to jest zdecydowanie nie tak.

31
00:02:27,450 --> 00:02:29,970
To wszystko na czerwono i bardzo mało zieleni.

32
00:02:30,360 --> 00:02:33,900
Klikam i idzie dalej i mówi mi spróbować jeszcze raz.

33
00:02:33,900 --> 00:02:36,750
Więc trzymajmy zgadywania jakieś błędne tacy jak tego.

34
00:02:36,750 --> 00:02:37,690
Ten jest źle.

35
00:02:37,860 --> 00:02:38,770
Ten jest źle.

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

37
00:02:39,270 --> 00:02:41,000
Wiedza odgadnąć właściwy.

38
00:02:41,130 --> 00:02:43,140
Czerwony i zielony to będzie bardzo żółty.

39
00:02:43,320 --> 00:02:44,370
Więc to jest poprawne.

40
00:02:44,520 --> 00:02:48,120
kliknę i zauważ, że wszystkie sześć kwadratów wrócić.

41
00:02:48,150 --> 00:02:53,520
Oni wszystko zmieni się na właściwy kolor, i nasza tle pojawiają się zmiany w odpowiednim kolorze, jak również.

42
00:02:53,760 --> 00:03:00,000
I dostać się komunikat, że prawidłowe i jeśli chcę, mogę kliknąć w grę jeszcze raz i która będzie generować nowe kolory.

43
00:03:00,210 --> 00:03:05,680
Mój ekran wraca do niebieskiego tutaj i mam sześć nowych placów i nowy losowy kolor tutaj.

44
00:03:06,270 --> 00:03:08,870
A potem, co mogę zrobić, to również zmienić poziom trudności.

45
00:03:08,910 --> 00:03:12,690
Więc jeśli chcę łatwiej mam tylko trzy kolory do wyboru.

46
00:03:12,810 --> 00:03:20,510
To może się nieco trudne, gdy mamy wszystko odświeżyć kilka razy, jak tutaj mamy dwa odcienie niebieskiego, które są bardzo podobne.

47
00:03:20,520 --> 00:03:27,980
Teraz po tej grze na chwilę powinien być w stanie określić, który z nich jest poprawna oparty off z tych trzech różowych odcieniach lub tych dwóch odcieniach niebieskiego.

48
00:03:28,020 --> 00:03:29,220
I tak naprawdę tu chodzi.

49
00:03:29,340 --> 00:03:32,520
Ale żeby rozpocząć się może chcesz tylko dwa kolory do wyboru.

50
00:03:32,520 --> 00:03:33,420
Więc tutaj jest jeszcze jeden.

51
00:03:33,510 --> 00:03:35,290
Zróbmy to trochę czerwieni.

52
00:03:35,310 --> 00:03:36,470
Prawie nie ma czerwono.

53
00:03:36,690 --> 00:03:37,800
Trochę zieleni.

54
00:03:37,830 --> 00:03:38,560
Nie bardzo.

55
00:03:38,670 --> 00:03:42,890
I wiele błękitem oczywiście to będzie nam bardzo czystego błękitu.

56
00:03:43,380 --> 00:03:44,690
Wróćmy do trybu dysku.

57
00:03:44,700 --> 00:03:52,830
Jeden inny punkt, który pokażę tutaj jest to, że jest to czułe miejsce, więc można go zmienić rozmiar i przenieść moje kwadraty do środka.

58
00:03:52,830 --> 00:03:54,870
Obserwuj tę trochę tandetne bar tutaj.

59
00:03:54,870 --> 00:03:59,060
Przestrzeń między nimi na boki będą zwiększać i zmniejszać.

60
00:03:59,130 --> 00:04:03,290
A jeśli mam wiadomość, więc niech kliknąć na jeden z tych, które się dzieje.

61
00:04:03,780 --> 00:04:04,880
Mogę spróbować ponownie.

62
00:04:05,100 --> 00:04:08,140
Zauważ, jak te zbliżają się do siebie.

63
00:04:08,820 --> 00:04:11,950
A potem mogę przenieść je od siebie i mamy trochę więcej odstępów tam.

64
00:04:12,270 --> 00:04:16,970
Tak, aby zakończyć, zanim rzeczywiście zaczniemy tworzenie go po prostu chcę podsumować kilka rzeczy.

65
00:04:17,220 --> 00:04:25,130
To będzie dość duża aplikacja będzie dużo javascript około stu liniach ish sporo sukcesów, jak również i niektóre też go wieku.

66
00:04:25,200 --> 00:04:33,030
Mamy zamiar rozpocząć rodzaj Bare Bones bardzo mało stylizacji, a my po prostu się uzyskać funkcjonalność dzieje, a potem pójdziemy i dodać trochę stylizacji na wierzchu.

67
00:04:33,030 --> 00:04:34,160
Inna sprawa.

68
00:04:34,530 --> 00:04:45,820
A potem gdy skończymy go z nadzieją można użyć tego dość często, aby odświeżyć swoje R. G. Umiejętności nawet tylko co to za kurs pomógł mi trochę odświeżyć niektóre z moich umiejętności RGV.

69
00:04:45,870 --> 00:04:49,280
Zauważyłem, że coraz częściej opierają się zbytnio na RGV kolorowych zbieraczy.

70
00:04:49,410 --> 00:04:54,680
Więc to jest dobre dla mnie, a także, aby uzyskać pewne praktyki i przypomnieć sobie, jak RGV działa.