1
00:00:00,090 --> 00:00:01,280
Więc tu jesteśmy w dobrej kondycji.

2
00:00:01,370 --> 00:00:06,980
To, co chcemy zrobić jest zrobić to tak, aby nie używać tego samego sześć kolorów za każdym razem.

3
00:00:07,230 --> 00:00:15,620
Zamiast tego chcemy wygenerować sześć losowych kolorów i wypełnić tę tablicę z tych sześciu losowo wybranych kolorach, a następnie wybrać jeden z tych, które generują te kolory.

4
00:00:15,630 --> 00:00:18,320
Jestem rzeczywiście zamiar napisać inną funkcję, aby nam pomóc.

5
00:00:18,390 --> 00:00:34,590
Tak więc nasza funkcja Nener nasz Race ustalony tablica i mam zamiar ustawić kolory równe naszemu wywołania funkcji, które będziemy nazywać generuje losowe kolory i to jeszcze nie istnieje i to zajmie jeden argument, który decyduje, jak wiele kolorów wygenerować w tablicy.

6
00:00:34,590 --> 00:00:41,820
Więc jeśli chcemy tablicę z trzech elementów, które chcemy w końcu, gdy mamy przejść do łatwego trybie versus trybie dysku chcemy 6.

7
00:00:42,060 --> 00:00:43,510
Więc zaczniemy 6.

8
00:00:43,560 --> 00:00:45,570
To, co chcemy po załadowaniu strony.

9
00:00:45,900 --> 00:00:54,430
Następnie musimy utworzyć generuje losowe kolory funkcję, która pobiera liczbę i zwraca X liczba losowych kolorów zamiast tablicy.

10
00:00:54,450 --> 00:00:57,900
Więc zrobię to tutaj.

11
00:00:57,900 --> 00:01:09,060
Funkcja generowania losowych kolorów i że należy podjąć argument, że musimy po prostu zadzwonić zdrętwiała a następnie zamiast tutaj.

12
00:01:09,060 --> 00:01:10,440
Dobrze mój pseudo kod.

13
00:01:10,440 --> 00:01:12,550
Więc mam zamiar zrobić tablicę.

14
00:01:12,900 --> 00:01:23,640
Mam zamiar dodać kilka losowych kolorów do tablicy, a potem idę do powrotu tej tablicy na samym końcu.

15
00:01:24,120 --> 00:01:26,370
Tak, aby rozpocząć to najłatwiejsza część.

16
00:01:26,370 --> 00:01:28,200
Złóż tablicę tylko pustym jeden.

17
00:01:28,380 --> 00:01:35,980
Będziemy więc nazwać R R tylko pustą tablicę, a następnie na dole jesteśmy po prostu będzie chciał wrócić tą samą tablicę.

18
00:01:36,000 --> 00:01:38,610
Najtrudniejsze jest logika, która przechodzi pomiędzy.

19
00:01:38,640 --> 00:01:42,660
Więc tu musimy dodać knowm losowych kolorów.

20
00:01:42,690 --> 00:01:46,700
Więc co to oznacza to, że trzeba powtarzać wiele razy coś knowm.

21
00:01:46,760 --> 00:01:49,000
Tak więc sześć razy lub trzy razy.

22
00:01:49,230 --> 00:01:50,830
Więc użyjemy pętli, aby to zrobić.

23
00:01:51,120 --> 00:01:55,540
Więc zaczniemy naszą pętlę dla naszego równa zeru.

24
00:01:56,430 --> 00:02:01,800
I jest mniejsza niż zdrętwiałe ja plus plus.

25
00:02:02,100 --> 00:02:13,910
I nie ma znaczenia, jeśli zaczniemy od zera lub gdy zaczynają się od 1, a robimy to mniejsza lub równa, ponieważ nie jesteśmy w rzeczywistości zamiar użyć I to tylko droga do pętli trzy razy sześć razy nahm razy.

26
00:02:14,130 --> 00:02:23,010
A potem tu będziemy rzeczywiście dostać losowy kolor i przesunąć do tablicy.

27
00:02:23,070 --> 00:02:28,190
Tak więc ta linia jest właściwie tylko powtórzyć zdrętwiałe razy.

28
00:02:28,590 --> 00:02:36,190
Więc mam zamiar zrobić oddzielną funkcję w rzeczywistości, że wygeneruje losowy kolor dla nas i jestem po prostu zadzwonić, że jeden losowy kolor.

29
00:02:36,270 --> 00:02:41,990
Więc funkcjonować losowy kolor i co widzisz jest, że mam funkcję tutaj.

30
00:02:42,090 --> 00:02:49,860
Generowanie losowych kolorów, którą nazywam wewnątrz tej jednej Dzwonię inną funkcję o nazwie po prostu losowo kolor i to jest tak naprawdę tylko do złamania kodu w górę.

31
00:02:49,860 --> 00:02:58,680
Jasno modułowy, co robi, co możemy mieć wszystko w żadnych funkcji w ogóle może być tylko to, co ludzie nazywają spaghetti code jest wszędzie.

32
00:02:58,830 --> 00:03:01,760
Więc mamy zamiar dodać kilka funkcji tutaj, aby dodać pewną strukturę.

33
00:03:01,920 --> 00:03:07,090
I znowu na samym końcu tego projektu, gdy mamy go zakończona dobrze wygląda cała funkcjonalność jest tam.

34
00:03:07,230 --> 00:03:18,080
Muszę opcjonalnego wideo na refactoring go i będę mówić o tym, jak on może zmienić ten stan rzeczy wokół ich trochę czystsze trochę ładniej, ale to będzie działać dokładnie tak samo.

35
00:03:18,090 --> 00:03:38,250
Tak, aby rozpocząć losowe kolory losowo kolor mamy zamiar trzeba wybrać odczytu od 0 do 5 5 powtórzeń od 0 do 5, 2 5, a następnie musimy wybrać Green Od zera do 2 5 5 a potem niebieski ,

36
00:03:39,210 --> 00:03:45,490
I tak, aby wybrać dowolną liczbę od 0 do 255 trzeba też używać matematyki nie przypadkowy.

37
00:03:45,570 --> 00:03:49,230
Więc to będzie matematyka nie przypadkowe.

38
00:03:49,350 --> 00:03:51,760
To daje nam między 0 i 1.

39
00:03:51,870 --> 00:03:53,070
Nie obejmuje on jeden.

40
00:03:53,220 --> 00:03:57,900
Musimy pomnożyć przez 256, bo pamiętam mamy zaokrąglenie w dół.

41
00:03:58,050 --> 00:04:08,730
Dlatego chcemy, 255 być możliwie jak największa liczba wielu pomnożyć przez jeszcze jeden 256, a następnie musimy, że podłoga podłoga matematyki.

42
00:04:08,900 --> 00:04:19,630
Więc idź do mojej rady i wklej ten kod można zobaczyć, czy możemy uzyskać liczbę losową z przedziału od 0 do 255 i prawdopodobnie nie będzie widać, że faktycznie idzie do 255.

43
00:04:19,660 --> 00:04:21,770
Musimy po prostu zaufać mi na jednym.

44
00:04:21,900 --> 00:04:23,700
Ale widać przynajmniej zbliży.

45
00:04:23,700 --> 00:04:25,590
Myślę, że widzieliśmy 253.

46
00:04:25,590 --> 00:04:26,770
To wystarczy na razie.

47
00:04:27,060 --> 00:04:33,920
A także zobaczyć wszystkie kwadraty poszedł do purpury i to dlatego, że nasze generuje losowe kolory nic nie wróci.

48
00:04:33,930 --> 00:04:36,240
Więc po prostu zwraca pusty ciąg.

49
00:04:36,300 --> 00:04:39,300
Więc nie jesteśmy właściwie przelotowego i nadanie koloru do każdego z nich.

50
00:04:39,300 --> 00:04:44,360
Więc to tylko biorąc domyślnego fioletowy z C Ss prostu marginesie tam.

51
00:04:44,700 --> 00:04:48,480
Tak więc będzie to generuje liczbę od 0 do 255.

52
00:04:48,870 --> 00:05:07,250
Będziemy go zapisać do zmiennej o nazwie R i potem będziemy robić to samo na zielono i niebiesko, tak samo jak tej przestrzeni to poprawnie i zmienić nazwy więc G i B, które dadzą nam trzy liczby od 0 do 255.

53
00:05:07,530 --> 00:05:18,640
A najgorsze jest syntetyzowania ich do tej wielkiej ciągu następujący format R. G. nawiasy B i wtedy liczby wewnątrz R G i B.

54
00:05:18,900 --> 00:05:22,260
A to oznacza dużo otwarcia i zamknięcia strun i znaków plus.

55
00:05:22,260 --> 00:05:25,390
Więc zacznijmy od tego, co wygląda następująco.

56
00:05:25,410 --> 00:05:32,350
My będziemy mieć naszą G-B, a następnie otwierając nawiasy, a następnie plus czerwony kanał.

57
00:05:32,370 --> 00:05:48,980
Ta liczba od 0 do 2 5 5 Plus przecinkiem plus wartość G plus inny przecinek plus wartość B oraz nasi nawiasy zamykające.

58
00:05:49,620 --> 00:05:51,230
I powinniśmy być dobrze iść.

59
00:05:51,340 --> 00:05:52,530
Ten wielki łańcuch.

60
00:05:52,680 --> 00:05:58,570
A to, co chcemy zrobić, to właściwie powrót ten ciąg tak po prostu.

61
00:05:58,590 --> 00:06:03,350
Więc powrót ten wielki łańcuch i że będzie generować jeden losowych kolorów.

62
00:06:03,360 --> 00:06:05,090
Więc jest to dużo pracy na jeden kolor.

63
00:06:05,100 --> 00:06:07,650
Trzy różne numery 0 2 2 5 5.

64
00:06:07,650 --> 00:06:12,450
Kładziemy je wraz z przecinkami między nimi nawiasy wokół nich litery R. G. B.

65
00:06:12,660 --> 00:06:15,650
A potem wracamy, że tak możemy użyć go tutaj.

66
00:06:15,660 --> 00:06:25,600
A jeśli chcemy po prostu sprawdzić, czy działa chodźmy naprzód i odśwież stronę iść do naszego konsula i po prostu spróbować nazywając losowo kolorze i że wygląda dobrze do mnie.

67
00:06:25,620 --> 00:06:26,770
Dostajemy losowy kolor.

68
00:06:26,790 --> 00:06:27,910
Nawiasy są poprawne.

69
00:06:27,990 --> 00:06:29,910
Przecinki są dobre.

70
00:06:29,910 --> 00:06:33,510
Chodźmy teraz i użyć jej tutaj.

71
00:06:34,170 --> 00:06:39,990
Więc będziemy nazywać ten losowy kolor i będziemy naciskać, że na naszej tablicy.

72
00:06:39,990 --> 00:06:41,240
Tutaj są.

73
00:06:41,280 --> 00:06:46,510
Więc nasz DOT naciskać i nie musimy używać impuls, ale to się dzieje tu zrobić.

74
00:06:46,710 --> 00:06:49,820
I to będzie teraz budować nam ładny wachlarz kolorów.

75
00:06:50,210 --> 00:06:52,580
Więc generowania losowych kolorów 6.

76
00:06:52,770 --> 00:06:56,740
Nazywamy to powtarza sześć razy za każdym razem przez.

77
00:06:56,910 --> 00:06:59,230
To popycha w przypadkowej barwy do tablicy.

78
00:06:59,430 --> 00:07:02,440
Więc mam zamiar po prostu przenieść naszą komentarz tutaj.

79
00:07:02,460 --> 00:07:03,260
No to jedziemy.

80
00:07:03,600 --> 00:07:06,040
I aby sprawdzić, który działa jeśli odświeżyć.

81
00:07:06,180 --> 00:07:15,250
Widać teraz mamy sześć losowych kolorów i nie tylko, które są przypadkowe kolor, który możemy wybrać jeden kolor, który wybraliśmy z tablicy zmienia się także.

82
00:07:15,270 --> 00:07:16,520
Więc nie złamał tego.

83
00:07:16,530 --> 00:07:19,190
Wszystko wciąż działa, czy to robi.

84
00:07:19,200 --> 00:07:20,000
Zobaczmy.

85
00:07:20,000 --> 00:07:27,210
Więc jeśli klikam na niektóre z tych kolorów spróbować ponownie spróbować ponownie spróbować ponownie, być może po prostu mam bardzo złe książki, ale nie coś jest nie tak.

86
00:07:27,400 --> 00:07:28,920
Tak więc problem jest trochę trudne.

87
00:07:29,130 --> 00:07:36,500
Jest to trochę podobne do błędu, że wychował kiedy zrobiliśmy wynik opiekun gry, kiedy byliśmy porównując rzeczy tutaj.

88
00:07:36,930 --> 00:07:43,110
Jeśli chcemy sprawdzić, czy użytkownik ma rację, jeśli wybrać odpowiedni kolor coś szło nie tak, zanim mieliśmy numer.

89
00:07:43,110 --> 00:07:44,880
I byliśmy porównując go do łańcucha.

90
00:07:45,030 --> 00:07:46,760
W tym przypadku jest trochę inaczej.

91
00:07:46,920 --> 00:07:53,000
Więc pozwól mi pokazać po prostu zrobić kolejny con. Pas log kliknij kolor, a następnie wybrać kolor.

92
00:07:53,250 --> 00:07:56,190
I niech po prostu zobaczyć, jak wyglądają Może są nieco inne.

93
00:07:56,340 --> 00:08:00,570
Załóżmy, odśwież stronę i otworzyć con. I zacznijmy kliknięcie.

94
00:08:00,570 --> 00:08:06,120
Więc ten jeden jest średniej ilości Fred trochę zielony i trochę niebieskiego.

95
00:08:06,300 --> 00:08:07,510
Więc kliknij na niektórych.

96
00:08:08,160 --> 00:08:12,700
I zwróć uwagę na numery po lewej stronie w RGV strun i jedno po prawej stronie.

97
00:08:12,990 --> 00:08:15,180
I oczywiście te z nich nie pasują.

98
00:08:15,840 --> 00:08:21,950
Ale jeśli kliknij prawym jednym widać, że gdy robią dopasować go nadal myśli, że jesteśmy w błędzie.

99
00:08:21,960 --> 00:08:23,220
Mówi, spróbuj ponownie.

100
00:08:23,490 --> 00:08:28,080
A jeśli porównać dwa ciągi tutaj ten jest kliknięty kolor.

101
00:08:28,080 --> 00:08:29,420
To właśnie wraca.

102
00:08:29,550 --> 00:08:38,290
Kiedy klikniesz na elemencie i prosimy o tej kropce wykręcił się tło i jest to kolor, który wybraliśmy z tablicy.

103
00:08:38,400 --> 00:08:40,380
Więc w jakiś sposób są one nieco inaczej.

104
00:08:40,380 --> 00:08:50,620
A co się dzieje, że kiedy rzeczywiście możemy ustawić kolor tła elementu SS automatycznie dodaje w akademiku automatycznie dodać 10 przestrzenie pomiędzy nimi.

105
00:08:50,970 --> 00:09:02,930
Tak, aby naprawić to, co chcemy zrobić, to po prostu dodaj tu przestrzenie między naszymi numerami więc po komet i jeśli zrobimy to oni następnie porównać i być sobie równe.

106
00:09:02,970 --> 00:09:04,890
Więc to rodzaj trudne błędu.

107
00:09:04,920 --> 00:09:11,740
To po prostu ma do czynienia z okazji, że jesteśmy porównując rzeczy z potrójnymi równych i to nie jest takie podwójne równi byłoby ustalić, że tak czy inaczej.

108
00:09:11,820 --> 00:09:16,460
Podwojenie połączenia nie ignoruje spacji ani niczego, ale jest to tylko problem z tym, jak generowane kolory.

109
00:09:16,740 --> 00:09:19,240
Tak więc, jeśli spróbujemy to ponownie i odświeżyć.

110
00:09:19,410 --> 00:09:20,990
Teraz wystarczy kliknąć dookoła.

111
00:09:21,120 --> 00:09:24,780
Widać, że są tutaj nasze pomieszczenia, a te na pewno będzie pasował.

112
00:09:24,780 --> 00:09:32,060
Po kliknięciu odpowiedniego koloru, który jest bardzo ostatnio jeden i mamy nasz poprawne.

113
00:09:32,100 --> 00:09:34,650
Więc na pewno trudne bug istnieje omotać.

114
00:09:34,650 --> 00:09:41,280
Spróbujmy na grze i na pełnym ekranie i pozbyć konsoli i odświeżyć i podziwiać nasze losowych kolorów.

115
00:09:41,280 --> 00:09:48,950
Ostatnią rzeczą jaką możemy zrobić, to kiedy się to prawidłowe możemy również zmienić tło H-1 jak ja tutaj.

116
00:09:49,110 --> 00:09:52,940
Więc kiedy się domyślić odpowiedni kolor zmienia kolor tła, jak również.

117
00:09:53,040 --> 00:09:54,910
A to prosta zmiana.

118
00:09:54,960 --> 00:09:57,540
Wszystko, co musimy zrobić, to wybrać H-1.

119
00:09:58,080 --> 00:10:01,920
Więc H-1 i możemy po prostu ją wybrać tę jedyną H-1 na stronie.

120
00:10:01,950 --> 00:10:16,200
Więc tutaj jestem po prostu wybrać na dole var H-1 jest równa udokumentować, że selektor zapytania H-1, który oszczędzania.

121
00:10:16,200 --> 00:10:28,460
I wtedy, gdy użytkownik odgadnie, która jest tutaj mamy zamiar zmienić H-1 DOD tła lub styl tła.

122
00:10:29,610 --> 00:10:42,060
I że powinien teraz jednakowy kolor i gromadzący będziemy zapisywać, które przejść do odpowiedniej wersji naszej grze odświeżyć i spróbujmy kliknięcie.

123
00:10:42,930 --> 00:10:48,950
I idziemy na pewno mamy sposoby, aby przejść z naszej stylizacji w porównaniu do tego, ale jesteśmy coraz tam z logiką.

124
00:10:49,200 --> 00:10:53,120
Więc przypuszczam, że niepoprawnie znikają poprzez zmianę koloru tła.

125
00:10:53,400 --> 00:10:58,240
A jeśli zgadłeś poprawnie wszystkie one zmieniają kolor i H-1, a także zmian.

126
00:10:58,620 --> 00:11:03,910
W kolejnym filmie mamy zamiar dodać grę ponownie funkcjonalność i dodamy trochę więcej stylizacji.