1
00:00:00,180 --> 00:00:01,330
Pekâlâ, hoş geldiniz.

2
00:00:01,530 --> 00:00:03,330
Hadi başlayalım ve başlayalım.

3
00:00:03,330 --> 00:00:05,160
RG, oyun uygulamasını tahmin ediyor olmalı.

4
00:00:05,220 --> 00:00:10,270
Önce h tim dosyasını ve C SS'yi yapacağım ve bu basit ızgarayı oluşturacağım.

5
00:00:10,290 --> 00:00:14,460
Bu yüzden, arka plan renkleri ve yazı tipleriyle stilize etmeyeceğiz ve

6
00:00:14,820 --> 00:00:19,980
şimdi bu altı kareden basitleşmeye başlayacağız ve onlara bazı arka plan renkleri koyabileceğimiz halde

7
00:00:19,980 --> 00:00:25,110
aralarında biraz boşluk bırakacağız, ancak olmayacağız yuvarlak köşeleri eklemek gibi şeyler yapın, ancak animasyonları

8
00:00:25,110 --> 00:00:26,340
hiçbir şekilde eklemeyeceğiz.

9
00:00:26,420 --> 00:00:31,710
Kaybolup solup altı kareler elde edeceğiz ve sonra hızlı olayların temel mantığını

10
00:00:31,710 --> 00:00:34,780
ekleyip doğru rengi alıp almadığınızı kontrol edeceğiz.

11
00:00:34,950 --> 00:00:37,970
Bu yüzden önce burada sahip olduğumuz dosyaya bir kenarı vermeliyiz.

12
00:00:37,980 --> 00:00:42,910
Renkli oyuna her defasında sesleniyorum, böylece ekibimize ekleyeceğiz.

13
00:00:43,110 --> 00:00:44,070
Kazan tablası.

14
00:00:44,430 --> 00:00:45,370
Bir unvan ver.

15
00:00:45,420 --> 00:00:47,090
Renkli oyun yapacağım.

16
00:00:47,910 --> 00:00:50,450
Hadi devam edelim ve altı kareye ekleyin.

17
00:00:50,610 --> 00:00:51,790
Bu yüzden onları divs yapacağım.

18
00:00:51,810 --> 00:00:57,090
Her biri bir kare sınıfı olan bir div ve biz daha sonra onları şekillendirmek için bu kare sınıfı kullanacağız.

19
00:00:57,510 --> 00:01:05,610
Pekâlâ, div sınıfı eşit Square yapacağız ve içindeki herhangi bir şey koymamız gerekmiyor ve

20
00:01:05,610 --> 00:01:07,380
altı tane alacağız.

21
00:01:07,380 --> 00:01:12,660
Ve daha sonra bunu daha temiz bir hale getirmek için, daha sonra stil verebileceğimiz başka bir div yerine

22
00:01:12,660 --> 00:01:13,410
hepsini koyacağım.

23
00:01:13,560 --> 00:01:15,490
Ben sadece konteyner diyeceğim.

24
00:01:15,810 --> 00:01:18,210
Yani önceden açıkça bir şey yapmayacak.

25
00:01:18,240 --> 00:01:22,510
Sonunda siteyi duyarlı hale getirmek ve ızgarayı küçültmek için kullanacağız.

26
00:01:22,530 --> 00:01:26,640
Şimdilik sadece onları bir araya getireceğiz, böylece etrafında yüzen 6 kare yok.

27
00:01:26,850 --> 00:01:28,970
Tamam, altı karemiz burada.

28
00:01:29,160 --> 00:01:33,270
Eğer onu tarayıcıda açarsak, ona kenetlenir.

29
00:01:33,600 --> 00:01:36,420
Elbette birkaç nedenden ötürü hiçbir şey görmüyoruz.

30
00:01:36,430 --> 00:01:42,360
Biri altı divuza sahip olsalar bile, hiçbir şeye sahip değiller. Hiçbir renk farkı yoktur, bu nedenle hiç

31
00:01:42,360 --> 00:01:43,390
bir şey görmüyoruz.

32
00:01:43,710 --> 00:01:46,520
Bu yüzden, onları temel olarak şekillendirerek başlayacağız.

33
00:01:46,710 --> 00:01:52,800
Dolayısıyla bir stil sayfasında eklemeniz gerekir; bu yüzden önce oluşturmadığım stil sayfasını bağlayın ve bunu biraz daha

34
00:01:52,800 --> 00:01:53,700
büyük yapın.

35
00:01:53,820 --> 00:02:04,650
Bu yüzden renkli oyun diyeyim SS'ye bakın ve kaydetmek ve daha sonra bu dosya renk oyunu C Ss yapmak ve yapacağım

36
00:02:04,650 --> 00:02:10,110
ilk şey sadece tüm vücuduma bir arka plan rengi eklemek.

37
00:02:10,140 --> 00:02:17,600
Şimdiye kadar arka plan rengini ve kullanacağım rengi altı köşeli bir koddur.

38
00:02:17,730 --> 00:02:23,960
2 3 2 3 2 3'tür ve kaydedildiğinden emin olun.

39
00:02:24,120 --> 00:02:24,510
Evet.

40
00:02:24,630 --> 00:02:26,810
Böylece doğru arka plan rengini alıyoruz.

41
00:02:26,820 --> 00:02:31,730
Bir sonraki adıma devam edip karelerimizi şekillendirmeye başlıyoruz.

42
00:02:32,040 --> 00:02:38,100
Bu VSS'yi fotoğraf koleksiyonu sitesinde kullanmak için kullandığımız strateji, kare görüntülerin tepkisel

43
00:02:38,100 --> 00:02:40,410
ızgarasının bulunduğu aynı stratejiyi kullanacağız.

44
00:02:40,410 --> 00:02:41,640
Hepsi siyah-beyazdı.

45
00:02:41,670 --> 00:02:43,400
Aynı fikri burada kullanabilir misin?

46
00:02:43,410 --> 00:02:49,770
Dolayısıyla bunu yapmamızın yolu, bunların her biri bir konteynerin içinde ve her biri bu

47
00:02:49,770 --> 00:02:51,870
konteynırın yüzde 30'unu kaplıyor.

48
00:02:51,870 --> 00:02:55,000
Dolayısıyla kap sadece bu karelerin etrafında dolaşıyor.

49
00:02:55,020 --> 00:02:58,100
Kareler etrafındaki bütün vücut burada değil.

50
00:02:58,140 --> 00:03:02,360
Yüzde 30'u alıyorlar ve aralarında her tarafta bir fark var.

51
00:03:02,540 --> 00:03:04,180
1. 6 yüzde 6.

52
00:03:04,320 --> 00:03:07,770
Böylece, konteynırın yüzde 100'ü kadar toplanır.

53
00:03:08,040 --> 00:03:13,880
Bu yüzden ilk yüzde kareyi yüzde 30 alacağız.

54
00:03:14,460 --> 00:03:22,140
Ve bunu bırakıp ona bir arka plan verirsek, mor yapalım ve kurtaralım ve hala

55
00:03:22,140 --> 00:03:24,060
hiçbir şey görmeyelim.

56
00:03:24,150 --> 00:03:29,820
Ve bunun nedeni hayatımın sayfasında olduğunu muayene edersek sana göstereceğim.

57
00:03:29,850 --> 00:03:31,400
Hâlâ boş.

58
00:03:31,410 --> 00:03:32,610
Ne yapmamız gerekiyor.

59
00:03:32,640 --> 00:03:38,480
En son görüntümüz ve görüntünün olduğu bazı içerikler var, ancak bu divler boş.

60
00:03:38,640 --> 00:03:42,280
Bu yüzden biraz boşluk ekleyeceğiz ve alt dolgu kullanacağız.

61
00:03:42,330 --> 00:03:49,000
Ayrıca padding top kullanabilirdik, bu yüzden doldurma dibinde olsaydı ve bu da yüzde 30 olacaktı.

62
00:03:49,410 --> 00:03:50,680
Yenilersem.

63
00:03:51,080 --> 00:03:51,940
TAMAM.

64
00:03:52,290 --> 00:03:57,480
Artık altı karemiz var, ancak hepsi bizim istediğimiz gibi olmayan bir çizgide.

65
00:03:57,480 --> 00:03:59,280
Aynı hatta olmalarını istiyoruz.

66
00:03:59,610 --> 00:04:03,420
Dolayısıyla bunları sola kaydırmalıyız ki bu da görüntü ızgarasıyla yaptığımız şey.

67
00:04:03,420 --> 00:04:06,480
Bu yüzden kaybolun ve yenileyelim.

68
00:04:06,750 --> 00:04:09,400
Ve şimdi burada büyük ızgarayla bitiyor.

69
00:04:09,670 --> 00:04:12,990
Oh, devam edin ve neler olduğunu görebilmeniz için kenar boşluğunda.

70
00:04:13,020 --> 00:04:19,590
Yani marjin 1 alacağız. 6 yüzde 6 ve kaydetmek.

71
00:04:19,790 --> 00:04:25,630
Artık ızgaramızı burada görebiliyoruz ve bu ızgaranın tüm ekranı kaplıyor.

72
00:04:25,670 --> 00:04:27,530
Bu yüzden biraz değiştireceğim.

73
00:04:27,530 --> 00:04:29,400
Bunun çok büyük olmasını istemiyoruz.

74
00:04:29,690 --> 00:04:35,270
Ve yapabileceğimiz, bu div kimliği kapsayıcısı sağladığımız kapsayıcıyı kullanmaktır.

75
00:04:35,450 --> 00:04:43,910
Bu yüzden, div'ı, bunu seçeceğimiz kapsayıcı fikriyle tarzlandırırsak, maksimum

76
00:04:43,910 --> 00:04:48,770
genişliğinin olması gerektiğini söyleyerek başlayabiliriz.

77
00:04:48,770 --> 00:04:51,200
Sanırım 600 piksele gittim.

78
00:04:51,200 --> 00:04:52,510
O sayı ile oynayabiliriz.

79
00:04:52,540 --> 00:04:56,350
Artık şimdi yenileyebilirsem, daha küçük olduğunu görebilirsiniz.

80
00:04:56,690 --> 00:04:57,810
Bu da onun bir parçası.

81
00:04:58,070 --> 00:05:00,030
Ve sonra da bunu Merkez ediyor.

82
00:05:00,350 --> 00:05:03,000
Bu yüzden 2 marjı yapacağız.

83
00:05:03,380 --> 00:05:04,420
0 otomatik.

84
00:05:04,550 --> 00:05:09,860
Konteynerin üstünde ve altındaki sıfır kenar boşluğunu unutmayın ve sola ve sağa auto, her

85
00:05:09,860 --> 00:05:13,100
iki tarafta da aynı büyüklükte olmasını sağlayacak şekilde yapar.

86
00:05:13,130 --> 00:05:15,330
Ve şimdi bu güzel merkez ızgarımız var.

87
00:05:15,500 --> 00:05:16,400
Tamam.

88
00:05:16,400 --> 00:05:22,400
daha yapalım, böylece burada bir H1'e sahip olacağım ve sadece büyük R'yi söyleyeceğim.

89
00:05:22,400 --> 00:05:27,920
Ve H-1'mizde bir şey G. renkli oyun olsun, biz sadece böyle başlayacağız.

90
00:05:28,160 --> 00:05:31,110
Tabii ki yenilersek görmek gerçekten zor.

91
00:05:31,370 --> 00:05:37,440
H-1 beyaz renkte beyaz yapalım ve kaydedin.

92
00:05:37,820 --> 00:05:39,610
Ve bununla başlayacağız.

93
00:05:39,620 --> 00:05:41,810
Şimdi biraz javascript kullanalım.

94
00:05:41,810 --> 00:05:45,340
Her birine farklı bir renk vermek için javascript ayarlayacağız.

95
00:05:45,650 --> 00:05:50,830
Şimdi gidelim ve yeni bir dosya oluşturalım ve buna renkli oyun diyelim.

96
00:05:50,970 --> 00:05:53,360
J. S. ve kaydet.

97
00:05:53,360 --> 00:05:58,870
Ve hep istediğim gibi, bağlı olduğumuzu söyleyen alarmımıza ekleyelim.

98
00:05:58,880 --> 00:06:04,670
Şimdi, oyunu renkli oyuna eşit olarak ekleyelim.

99
00:06:04,750 --> 00:06:10,290
Evet sayfayı yenilemek kaydetmek ve biz bağlı alarmı almak.

100
00:06:10,790 --> 00:06:13,550
Tamam, böylece orada pencereyi yeniden boyutlandıracağım.

101
00:06:13,550 --> 00:06:16,400
Şimdi onlara farklı renkler vermek için kodu ekleyelim.

102
00:06:16,580 --> 00:06:18,770
Sonunda sonunda oyunda sonuçlanır.

103
00:06:18,770 --> 00:06:25,870
Sayfa her yüklendiğinde altı rastgele renk seçer ve her rengi div'lerden birine atar.

104
00:06:26,150 --> 00:06:30,350
ile başlayacağız ve biz sadece her zaman aynı olan altı renk atayacağız.

105
00:06:30,350 --> 00:06:31,250
Rastgele yönü

106
00:06:31,400 --> 00:06:33,800
Ve sonra onları rasgele seçmeye devam edeceğiz.

107
00:06:33,800 --> 00:06:39,680
Şimdi renkli oyunuma gidelim Evet ve bir renk listesi yaparak başlayacağım ve sadece

108
00:06:39,680 --> 00:06:40,430
renk diyeyim.

109
00:06:40,430 --> 00:06:41,190
Bu bir dizi.

110
00:06:41,360 --> 00:06:45,610
Ve son üründe unutmayın ki bu rastgele renk listesidir.

111
00:06:45,680 --> 00:06:48,820
Şimdilik ben sadece kendiminkini de ekleyeceğim.

112
00:06:48,980 --> 00:06:52,050
Bu yüzden G-B ve hepsi kırmızı ile başlayacağım.

113
00:06:52,070 --> 00:06:59,790
Yani 2 5 5 0 0 ve bunu sizin için okunaklı hale getirmek için her şeyi ayrı çizgiler halinde yapalım.

114
00:06:59,900 --> 00:07:02,240
Bu yüzden altı tane alacağız.

115
00:07:02,420 --> 00:07:08,710
Ve birincisi kırmızı olacak ve daha sonra sarı yapacak olan hepsi kırmızı ve yeşil olan başka

116
00:07:08,710 --> 00:07:09,670
bir tane alacağız.

117
00:07:09,830 --> 00:07:16,030
Ve bir sonraki kırmızı kırmızı olacak ve yeşil olacaktır.

118
00:07:16,970 --> 00:07:27,790
Ve sonra bundan sonraki olan sıfır kırmızı ya da yeşil olacak ve hepsi mavi olacak ve sonra da yapacak.

119
00:07:27,830 --> 00:07:40,130
Yani 0 yeşil 255 mavi okuduğunuzda 255 kırmızı 0 yeşil 255 mavi yapacağız ve bu bize altı dizge dizisi

120
00:07:40,130 --> 00:07:42,680
olarak bir dizi verecektir.

121
00:07:42,680 --> 00:07:48,770
Ve sonra yapmak istediğimiz, bu karelerden altısının arasından geçip bunlardan birini her

122
00:07:48,770 --> 00:07:51,110
birinin arka planına atamaktır.

123
00:07:51,290 --> 00:07:58,640
İlk önce tekrarlamak için şu ana kadar seçmek zorundayız ve kareler eşittir belge olarak adlandıracağız ve burada

124
00:07:58,640 --> 00:07:59,710
birçok seçenek var.

125
00:07:59,720 --> 00:08:02,010
Bir sorgu seçici kullanacağım.

126
00:08:02,390 --> 00:08:05,810
Bu yüzden, sadece ilkinden ziyade hepsini almaya özen gösteriyorum.

127
00:08:05,990 --> 00:08:08,930
Ve sınıf meydanına dayalı olarak seçeceğiz.

128
00:08:09,440 --> 00:08:13,930
Div'i yeni yapmış olsaydık, bir kapsayıcı div'imiz olduğunu ve bu kutuyu seçmek istemediğimizi hatırlayın.

129
00:08:14,000 --> 00:08:23,030
Bu altı kare div'u çok kare istiyoruz ve sonra dört sıfıra eşit sıfıra dönelim.

130
00:08:23,450 --> 00:08:35,310
Kareler boyundan az ve ben artı artı yerine burada kareler söyleyeceğim, stil nokta arka plan eşittir;

131
00:08:35,420 --> 00:08:43,010
bu da o gözü alıp renklere erişmek için kullanacağımız ilginç

132
00:08:43,010 --> 00:08:43,710
kısımdır.

133
00:08:44,750 --> 00:08:49,990
Ya Colt, burada gerçekten sonra ilave edeceğim küçük bir düzeltme ile geldim.

134
00:08:50,130 --> 00:08:51,080
Sadece hızlı bir not.

135
00:08:51,330 --> 00:08:58,650
Bu stil arka plan rengini tercih ettiğinizden çok tercih ettiğinizden, bu videoda kullandığım şey stil nokta

136
00:08:58,710 --> 00:09:04,180
arka planından ziyade arka plan rengini bir kelimeyle büyük harfle C vurgulamaktır.

137
00:09:04,350 --> 00:09:08,230
Arka planı stilize ettiğinizi gördüğünüz her seferinde arka plan rengini değiştirin.

138
00:09:08,400 --> 00:09:13,590
Ve bunun nedeni şu anda tüm tarayıcılarda çalışacak ancak arka

139
00:09:13,590 --> 00:09:17,880
plan Firefox'da çalışmıyor, dolayısıyla teknik olarak tarzda çalışıyor.

140
00:09:17,910 --> 00:09:23,160
Bu arka plan, örneğin Chrome'da işe yarayacak ve oyun işe yarıyor ancak Firefox'ta neler

141
00:09:23,160 --> 00:09:28,490
olup bittiği hakkında bir sürü soru alıyorum ve bu gerçekten temel suçlu olan arka

142
00:09:28,670 --> 00:09:29,200
plan rengidir.

143
00:09:29,400 --> 00:09:34,320
Ayrıca, Del Anderson'ı tartışmaya açan forumların öğrencilerinden biri olarak düşünmek

144
00:09:34,320 --> 00:09:37,450
isterim ki en son kodlamaya geri döneceğim.

145
00:09:37,500 --> 00:09:45,300
Yaptığımız şey altı kareden oluşuyor ve gözümüz 0 1 2 3 4 5'den gidiyor ve bu her

146
00:09:45,300 --> 00:09:46,420
kare boyunca dönecek.

147
00:09:46,560 --> 00:09:51,890
Ve sonra ilk kareye ulaştığım zaman, sıfır alıp renklerin burada sıfır olan arka

148
00:09:51,890 --> 00:09:53,300
plan rengini vereceğim.

149
00:09:53,340 --> 00:09:54,360
Bu doğru olur.

150
00:09:54,630 --> 00:10:00,780
Ve sonra devam ediyoruz ve biz ikinci div için bir tane alıyoruz ve 1'e endeksli ikinci rengi veriyoruz

151
00:10:00,780 --> 00:10:03,330
ve sonuna kadar bunu yapmaya devam ediyoruz.

152
00:10:03,330 --> 00:10:08,010
sırayla dizideki bu renkleri kullanarak renklendirileceği sırayla temelde gidiyoruz.

153
00:10:08,490 --> 00:10:10,420
Bu nedenle, div'lerin sayfadaki

154
00:10:10,680 --> 00:10:16,170
Yenilemeyi bırakırsak, altı temel rengimiz olduğunu görebilirsiniz.

155
00:10:16,710 --> 00:10:20,740
Bu yüzden kırmızı sarı yeşil cam göbeği mavi kırmızıya sahibiz.

156
00:10:20,970 --> 00:10:22,330
Bu yüzden şimdilik iyi.

157
00:10:22,500 --> 00:10:24,730
Daha sonra rasgele renkler üzerinde yoğunlaşacağız.

158
00:10:24,870 --> 00:10:30,420
Ancak önizleme yapmamız gerekse de, 0'dan 255'e üç farklı sayı

159
00:10:30,420 --> 00:10:32,960
üretmek ve bunları birleştirmek.

160
00:10:33,210 --> 00:10:36,180
Yani sadece üç farklı kanal hepsi randomize.

161
00:10:36,180 --> 00:10:40,340
Ve sonra bunları r ile büyük bir dize haline getiririz. g B ve etrafındaki parantezler.

162
00:10:40,590 --> 00:10:42,720
Ancak şu an bu renklerle devam edeceğiz.

163
00:10:42,720 --> 00:10:46,210
Yapmamız gereken sonraki şey, sayfanın her yüklendiği şeydir.

164
00:10:46,300 --> 00:10:49,640
Burada size göstereceğim altı renk seçilmedi.

165
00:10:49,740 --> 00:10:55,590
Bu renklerden biri hedef olarak veya aradığım renk olarak seçilmiştir.

166
00:10:55,590 --> 00:10:58,490
Dolayısıyla bu durumda bu seçilen bir renktir.

167
00:10:58,500 --> 00:11:03,540
Bunu da yapacağız ve Portus'u sabit kodlamaya başlayacağız ve daha sonra bunu

168
00:11:03,540 --> 00:11:04,310
rastgele seçeceğiz.

169
00:11:04,410 --> 00:11:08,610
Bu yüzden altın rengi cam mavisi olduğunu söyleyerek başlayacağız.

170
00:11:08,790 --> 00:11:11,940
Demek ki üçüncüsü dördüncü renk endeksi.

171
00:11:11,970 --> 00:11:20,070
Bu durumda, renk değişkeni index 3'e eşittir.

172
00:11:20,800 --> 00:11:23,900
Ve bu Suyin'ı seçecek ya da burada bu renk R. G. B.

173
00:11:23,910 --> 00:11:31,380
0 2 5 5 2 5 5 ve bir dize olduğunu unutmayın, o zaman ne yapmak istediysek sayfamızı güncelleyelim, burada

174
00:11:31,380 --> 00:11:33,690
burada olduğu gibi burada olduğunu söylüyor.

175
00:11:33,990 --> 00:11:38,030
Açıkçası aynı şekilde şekillendirilmedi, ancak R söylemek istiyoruz. G. B.

176
00:11:38,040 --> 00:11:45,960
bir H1'in bulunduğu skorekeeper oyununu tekrar düşünebilirsek değiştireceğiz ya da biraz değiştireceğiz ve onu değiştiriyoruz.

177
00:11:45,960 --> 00:11:52,990
Ve sonra parantez içinde 0 2 5 5 5 5 bunu yapmak için

178
00:11:53,010 --> 00:11:55,670
Oyuncu bir oyuncu başlangıçta iki puana sahip.

179
00:11:56,040 --> 00:12:02,310
Bir uçak bulduk H-1 Ve güncellediğimizde, içerideki her şeyi otomatik olarak üzerine

180
00:12:02,310 --> 00:12:02,840
yazdı.

181
00:12:03,030 --> 00:12:04,160
Ancak bunu yapmak istemiyoruz.

182
00:12:04,170 --> 00:12:10,320
Metni harika ve renk oyununda tutmak istiyoruz ve renklerimiz sadece buraya geliyor ancak ayrı bir H-1 veya başka

183
00:12:10,320 --> 00:12:13,970
bir şeye sahip olmak istemiyoruz çünkü bunlar ayrı çizgiler halinde olacaktı.

184
00:12:14,040 --> 00:12:20,070
Dolayısıyla, atıcı oyununda yaptığımız gibi bir eğilim kullanacağız ve sadece R ekleyeceğiz. G. yer tutucu ol.

185
00:12:20,070 --> 00:12:21,180
orada bir

186
00:12:21,180 --> 00:12:24,320
Dolayısıyla hiçbir şey gözükmese de, eğer biz teftiş edersek.

187
00:12:25,110 --> 00:12:30,180
Artık kolayca seçebileceğiniz ve metni işleyebileceğiniz anlamına gelen bir açıklığa sahip olduğumuzu görebilirsiniz.

188
00:12:30,510 --> 00:12:33,250
Ve bunu sadece daha da kolaylaştırmak için bir fikir vereceğiz.

189
00:12:33,510 --> 00:12:34,950
Bu yüzden ona kimliği vereceğiz.

190
00:12:35,220 --> 00:12:37,850
Ve ona sadece renkli ekran diyelim.

191
00:12:39,040 --> 00:12:41,720
Ardından, javascriptimize gidip seçeceğiz.

192
00:12:41,890 --> 00:12:50,230
renkli görüntü belgeye eşit ve biz sadece çeşitli çerez çocuk öğesi için kimliğe göre öğeye göre öğesini alacağız.

193
00:12:50,230 --> 00:12:51,400
Şimdiye kadar

194
00:12:51,730 --> 00:12:53,940
Ve renkli gösteriydi.

195
00:12:54,610 --> 00:12:57,330
Ve biz de kurtaracağız ve bunu biraz daha büyük yapacağız.

196
00:12:57,610 --> 00:13:04,640
Dosyayı kaydedin ve renk ekranını, aldığımız bu rengi söyleyecek şekilde güncellemek istiyoruz.

197
00:13:05,050 --> 00:13:17,880
Dolayısıyla, renk ekranı metin içeriği onun gibi bir renk seçin ve yeniler.

198
00:13:17,920 --> 00:13:20,500
Ve şimdi burada rengimizle bitiyor.

199
00:13:20,500 --> 00:13:21,030
Harika.

200
00:13:21,130 --> 00:13:23,280
Şimdi tıklama olayları için mantığı ekleyelim.

201
00:13:23,350 --> 00:13:28,660
Dolayısıyla bu karelerden birine tıkladığımızda, üzerine tıkladığım karenin hangi rengin olduğunu anlamaya çalışacak

202
00:13:28,840 --> 00:13:30,470
bir kod çalıştırmak istiyoruz.

203
00:13:30,640 --> 00:13:34,350
Ve bir kere biz o pix renk karşılaştırmak için gidiyoruz var.

204
00:13:34,360 --> 00:13:35,430
Bu burada.

205
00:13:35,740 --> 00:13:40,360
Ve eğer farklıysa o karenin arka plan rengini değiştireceğiz, böylece vücudun

206
00:13:40,360 --> 00:13:42,740
arka planı ile aynı renge gidecek.

207
00:13:43,030 --> 00:13:46,930
Ve eğer bunlar aynıysa, oyunun bir tane olması anlamına gelir.

208
00:13:46,930 --> 00:13:48,570
Ve bazı özel şeyler yapmak zorundayız.

209
00:13:48,640 --> 00:13:52,930
Ve eğer farklıysa, bir oyuncu yanlış rengi seçti ve bunun başlaması için de uğraşmak zorunda kalacağı

210
00:13:53,680 --> 00:13:54,320
anlamına gelir.

211
00:13:54,370 --> 00:13:58,580
Şimdi sadece tıkladığımızda uyaran düz bir tıklama olay işleyicisi ekleyelim.

212
00:13:58,870 --> 00:14:03,100
Böylece karelerden her birine bir olay işleyicisi ekleyeceğiz, böylece sahip olduğumuz

213
00:14:03,100 --> 00:14:04,140
aynı döngüyü kullanabileceğiz.

214
00:14:04,360 --> 00:14:13,660
Bu yüzden burada bir açıklama ekleyeceğim; ilk renkler karelere eklendikten sonra bir sonraki bölüm

215
00:14:15,850 --> 00:14:18,720
dinleyicilere iki kareyi tıklatacak.

216
00:14:18,760 --> 00:14:23,700
Böylece ben nokta bu karelerden biri başka bir olay dinleyici ekleyin.

217
00:14:24,350 --> 00:14:28,720
Tıklama ve geri arama işlevinin zamanı geldi.

218
00:14:29,860 --> 00:14:37,830
Tek yapacağımız, oldukça karanlık bir uyarı yapmak ve altı kişiden de bizi uyaracaklarına emin olmak.

219
00:14:37,860 --> 00:14:39,600
Sağ tıklayın kareyi tıklayın.

220
00:14:39,610 --> 00:14:44,130
Tamam, hepsi de ihtiyaç duydukları şekilde çalışıyor gibi görünüyor.

221
00:14:44,350 --> 00:14:55,950
Şimdi yapmamız gereken, tıklanan kare rengini kapmak ve daha sonra renk seçmek için renk karşılaştırmak.

222
00:14:55,960 --> 00:15:01,560
Tanımladığımız değişken resim rengi görünür, o renk almaya başlayacağız.

223
00:15:01,840 --> 00:15:06,450
Kare üzerinde tıklanan öğeye atıf yapan bu öğeyi kullanabildiğimizi unutmayın.

224
00:15:06,580 --> 00:15:10,460
Bu yüzden bu arka plan stilini söyleyebiliriz.

225
00:15:10,780 --> 00:15:15,060
Ve şimdi burada bir alarm daha yapalım ve neler olduğuna bir göz atalım.

226
00:15:15,070 --> 00:15:18,310
Yani kırmızı olanı tıklarsam beni uyarır.

227
00:15:18,310 --> 00:15:25,510
RG B 2 5 5 0 0 ve ben bir tane atamak tıklarsam R G B 0 2 5 5 2 5 5.

228
00:15:25,720 --> 00:15:26,850
Yani bu çalışıyor.

229
00:15:27,220 --> 00:15:34,630
Şimdi ne yapacağız bunu sadece buna benzer renkte tıkladığımız bir değişkene kaydedin.

230
00:15:35,020 --> 00:15:41,260
Sonra, Quick renklerini karşılaştırmak için bir IF deyimi yazacağız, eğer renk

231
00:15:42,390 --> 00:15:48,770
üçlüsü eşitse renkleri güzel kafiye orada seçersek, doğru uyaracak duruma gelir.

232
00:15:49,590 --> 00:15:55,690
Ve eğer eşleşmezlerse ya da yanlış anlarız.

233
00:15:57,240 --> 00:16:00,170
Haydi bir yenileme verelim.

234
00:16:00,290 --> 00:16:01,390
Buna bir tıkla.

235
00:16:01,410 --> 00:16:02,330
Yanlış.

236
00:16:02,640 --> 00:16:03,210
Yanlış.

237
00:16:03,210 --> 00:16:04,370
Ve gerçek test.

238
00:16:04,400 --> 00:16:07,310
Doğru yazan doğru kelimeyi tıklıyorum.

239
00:16:07,350 --> 00:16:13,110
çalışıyor, rastgele renklerden herhangi birinde sahip olmadığımız halde çalışıyor; altı kodlu bir

240
00:16:13,110 --> 00:16:18,600
dizi zor kodlanmış ve her kareye bir renk atadık ve sonra topluyoruz.

241
00:16:18,600 --> 00:16:19,640
Dolayısıyla mantığımız

242
00:16:19,650 --> 00:16:25,050
Bu durumda cam göbeği ve tabii ki rasgele olacak, ancak cevabımız olan bir renk seçiyoruz.

243
00:16:25,320 --> 00:16:30,570
Ardından, kullanıcı o kare veya herhangi bir kareyi tıkladığında her kareye bir olay dinleyicisi ekliyoruz.

244
00:16:30,570 --> 00:16:34,110
Eşleşenlerse, verilen karenin rengini resim rengiyle karşılaştırabiliriz.

245
00:16:34,110 --> 00:16:35,010
Bir şey yaparız.

246
00:16:35,130 --> 00:16:39,840
Eşleşmezlerse, bir sonraki videoda, eşleşmeleri durumunda aslında yaptıklarımız hakkında konuşacağımız başka bir şey

247
00:16:39,840 --> 00:16:40,700
daha yaparız.

248
00:16:40,710 --> 00:16:42,000
Ve eşleşmezlerse ne yapacağız.