Tekrar hoşgeldiniz.
Bu videoda, oyunun zorluğunu etkileyecek kolay ve zorlu düğmeleri
eklemeye odaklanacağız.
Bu yüzden sayfayı yüklediğimizde zaten seçilmiş ve burada altı farklı düğme veya altı farklı kareler
görüyoruz.
Sonra da kolay tıklayabilirim ve seçili kalır.
Ve bizden sadece üç tane kareden var.
Ve sonra kalbe dönebilirim.
İhtiyacımız olan iki düğmeye basarak başlayacağız.
Bu yüzden HMO'ya girip iki düğme ekleyeceğim.
İlk söyleyeceğimiz kolaydır.
İkincisi zor der ve yeniler.
TAMAM.
Ve şimdilik iyi görünüyor.
Genişliğimizin henüz yer kaplamadığını farkedeceksiniz.
Ve gördüğüm kadarıyla bazı metin gösterileri var.
Bu düğmeleri uzaklaştırarak daha sonra stil üzerine yoğunlaşacak ama stilin bir
unsuru var; burada sayfa yüklendiğinde veya uygun veya kolay seçtiğimde mavi
kalması için seçeceğim odaklanmak istediğim bir unsur var.
Ve bunu yapmanın yolu, bir sınıf kullanmak ve bu sınıfı açmak ve kapatmaktır.
Bu yüzden burada bir sınıf tanımlayacağım ve burada sadece bir renk olacak bu stil tasarımından daha
basit olacak.
Bu yüzden arka plan rengimiz ve sınıf seçilecek olarak adlandırılacaktır çünkü yaptığımız budur.
Seçilen sınıfa, seçilen düğmeye ekliyoruz.
Ayrıca, başlangıç ​​için bir arka plan ayarlayacağız.
Ve sonra ne yapacağız sadece sabit mod düğmesi sınıfı seçilen eşit vermektir.
Ve kodumuzu yenilersek, zorla meşgul olduğunu görürsünüz.
Çok acımasız Evet ama en azından sert modda olduğumuzu gösteriyor.
Öyleyse yapmak istediğimiz, bir tuşa tıkladıklarında kolaylıkla tıkladıklarında ve ardından en zorlu kısım,
kolay'ı tıkladığınızda üç renk ve kalp üzerine tıkladığınızda altı renk gösteren
kodu ekleyin.
TAMAM.
Başlayalım burada.
Dolayısıyla bu düğmeleri gerçekten işe yaramak için onları javascript'imizde seçmeliyiz ve daha sonra bazı hızlı
dinleyicilere sahip olmalı ve her biri tıklandığında bazıları çalıştırmalı ve bazı kod çalıştırmalıyız.
Bu nedenle, seçimi kolaylaştıralım ve her birine kolay bir kimlik vererek başlayacağım.
DTN ve daha sonra sert ETN ve burada kırmızı bir bayrak görüyorsanız veya çok fazla fikir kullandığımızı
düşünüyorsanız bunu değiştireceğiz.
Bunu birkaç dakika içinde yeniden gözden geçireceğiz.
Ancak iki farklı kimlikle başlayacağız.
Kolay Düğme sabit düğmesi.
Bizim javascript gidin ve onları seçin.
Bu nedenle, var easy ETN, Octa ile doküman doc sorgu seçicisine eşittir.
Kolay ETN.
Eşyaları aynı kıldığımızdan emin olun.
Oraya gidiyoruz.
Ve aynı şey sert ve bunu yüce bir şeye yakalayıp göremediğini bilmiyorum.
için bunu yapmaya devam edebilirim, ancak sadece bu ikisini isteyeceğim ve onun yerine zorla yazacağım.
Kelimeyi kolay seçerseniz ve Kamandi'ye vurursan, o zaman otomatik olarak sonraki örneği seçer
ve hepsini seçmek
Dolayısıyla iki düğmeyiz ve böyle bir şey yapabiliriz.
Kolay PTEN olay dinleyicisi ekleyin.
Tıklayın ve tek yapacağımız şey, kolay düğmenin şu şekilde çıkıldığına dikkat edin.
Uyarı kolay düğmesi tıklandı ve çalıştığından emin olun.
butonuna basarak Easy butonunu tıkladık ve daha sonra bunu zor düğme için tekrarlayacağız ve hard düğmenin bırakıldığını
ve kolay yenilemenin kolay hala işe yaradığını ve zorlandığını söyleyeceğiz ancak bize zor düğmenin tıklandığını bildirdi.
Böylece Easy OK
Bunun yerine bunu yapmaktan ziyade, seçilen sınıfı hangisinin seçileceğini yansıtacak şekilde sınıfı
almaya çalışalım.
Kolay düğmeyi tıklarsak, tek yapmak istediğimiz şey kolay düğmedir.
Doc class listesinde seçilenleri ekleyin ve şimdi tazelemek kolay tıklayın.
Seçilmiş bir sınıfı var.
Kolay ama sorun, hala sabit düğmesinde kaldığı için düzeltilmesi kolay.
bir düğmeye basmak istiyoruz doc Cross list dot kaldırın ve şimdi kolay bir şekilde tıklarsak sabit mod gider.
Sadece zor
Ancak sertçe tıklarsak da hala bu mantığı yoktur, bu kodu yalnızca bu
kodu kopyalayarak düzeltebiliriz ve şimdi, seçilen kaldırmak için seçilen kolay düğme sınıfı listesini ekleyen sabit düğmeleri sınıfsız hale
getireceğiz.
Tamam, test yapalım.
Tamam.
Şimdi, şu anda hangisinin seçili olduğunu gösteren iki düğmenin daha kolay kısmı
var; yenileme ve sert otomatik olarak seçiliyor, çünkü altı element var.
Sonraki aşamada, bu düğmelerin stilini değil, yalnızca üç öğeyi veya altı kareyi
göstermek için zorluğu değiştiren mantığı eklemeliyiz.
Bu yüzden, başlamadan önce bunu bir sonraki adımda yapmamız gerekiyor.
Nasıl çalıştığını görmek için çözümü tekrar kontrol edelim.
Yenilersem yeni renkler elde ettiğimi kolayca fark ettiğimden bunu yapmak zorunda kalacağım ve bunu yapmak zorunda
kalacağım çünkü altı renk burada ve burada seçilen renk bir risk oluşturuyor bu üç renkten
birini kolaylıkla tıkladığımda o üçü kaldırıldı.
Bu böcek kıran güzel bir oyun olabilir.
Bununla uğraşmak yerine, yalnızca üç yeni renk seçeceğiz.
Dolayısıyla süreç bunu yenilemek.
Bu yüzden işlem kolay düğmeye tıkladığımızda renkler dizisi için üç yeni renk üreteceğiz ve
bu üç renkten bir renk seçeceğiz.
Seçilen renkte görünecek şekilde güncelleneceğiz.
Burada üç kareyi güncelleyeceğiz.
Ve önemli olan, diğer üç kareyi de gizlediğimizden, onları silmedik çünkü bunları
hiçbiri olmayacak şekilde ayarlayarak gizleyeceğiz.
Ve sonra aynı şey zor gider.
Renkler dizisinde altı yeni renk üretiyoruz.
Renk seçimlerimizden birini seçeceğiz.
Buraya görüntüleriz.
Daha sonra alttaki üç kareyi gösterelim ve her birinin renk almasını sağlıyoruz.
TAMAM.
Bu yüzden şimdi başa çıkalım.
Öncelikle kolay düğmeye tıkladığımızda oradan başlayalım.
Yeni renkler üretmek isteyeceğiz, böylece renkler bu sefer 3 rasgele renkler üretiyor.
Ve sonra bir kez bunu yaptık yeni bir seçilmiş renk seçmek için gidiyoruz gidiyoruz gidiyoruz
böylece seçilen renk benzer renk seçin.
Bu yüzden renklerimize ve seçilen renklerimize bir kere sahip olduktan sonra, yeni resim rengini göstermek
için ekranı burada değiştirerek başlayabiliriz.
Bu, renkli ekran metin içeriğinin seçilen renge eşit olduğunu söylemek kadar kolaydır.
Ve eğer yenersek, sana bir kaç şey göstermek için yeni renkler alacağım.
gibi kolay tıkladığımda ve sahnelerin arkasında da değişen bir renk dizisi var.
Renk daha önce belirttiğin
Şimdi renklerin şu anda ne olduğuna bir göz atalım ve daha sonra kolay moda tıklıyorum ve renklerin tekrar
ne olduğuna ve farklı olduğuna bir göz atıyorum.
Ve ayrıca renk aldı farklıdır.
Şimdi, kolay modu tıkladığımızda üç alt div'u nasıl gizlediğimiz hakkında konuşalım veya ilk üçünü
gizleyebiliriz.
Önemli değil.
ve alt üçlüler ekran özelliğini hiçbiri olarak ayarlayarak yapacağız.
Ancak alttan üçünü, yapacağımız yolu yapacağım
İzin ver sana nasıl çalıştığını göstereyim.
Ben de onlardan birini seçeceğim.
Dolayısıyla, bir belge sorgusu seçicisini tümü kare veya kare yapalım ve sonra beşinci ile çalışalım.
Aslında altıncı dizini beş olan dizin ve sonra hiçbir şey o stil ekran ayarlayın.
Ve kaybolduğunu göreceksin.
Ve eğer sert moda tıklarsam geri dönmesini istiyorum, stil söylemeliyim.
Ekran kilitle aynıdır.
Tamam.
Öyleyse devam edelim ve bunu kodumuza uygulayalım, başta altı kişiden birine
geçerek bunu başaracağız.
Ve ilk üç için onlara yeni bir renk vereceğiz.
Ve alt üç için onları gizleyeceğiz.
Bunu yapmak için iki döngüye sahip olmak yerine bir kerede yapacağız.
Yani var için sıfıra eşit.
Ben sadece uzunluğu karelerden azımdır.
Ayrıca artı renklerin içinde üç öğenin bulunduğu gerçeğinden yararlanacağız.
Bu yüzden, eğer renkler varsa böyle bir şey yapacağız.
Bir sonraki renk varsa, bu ilk üçte olacak.
Arkaplanın rengine eşit karelere yazılacağız.
Dolayısıyla, ilk üçümüz için renkler yalnızca üç öğeye sahip olduğundan tüm kareler arasında döngü
oluşturacak ve bu dizinde bir renk olup olmadığını kontrol edeceğiz.
Ve eğer varsa, ilk üçün rengini değiştireceğiz.
Öyleyse işe yarayacağından emin olalım.
Kolay tıklayın ve yalnızca ilk üçünün değiştiğini göreceksiniz.
Bu yüzden yakınız.
Tek yapmak istediğimiz alt üçünü gizlemek.
Bu yüzden bunu başkasıyla yapacağız.
Kareler Ben o ekran stili hiçbiri eşittir.
Kolay moda tıklarsam yenileyip tam ekran yaparsak, alttaki üçünü kaybettiğimizi ve
ilk üçün renklerinin değiştiğini görebilirsiniz.
Ve hangisinin bu olduğunu bulmaya çalışalım.
Yüz altmış üç kırmızı 125 yeşil ve biraz mavi.
Oraya gidiyoruz.
Yenileyerek birkaç tane daha deneyebilirsiniz.
Bunlardan bazılarını yenilediğimde kolay moda tıkladığımızda küçük bir problemimiz var.
Burada sadece üç renk üretiyoruz.
Ancak yeni renkler düğmesini tıklarsam size şu anda hangi renklerin benzeyeceğini göstereceğim.
Üç öğe var.
Ancak yeni renkleri tıklarsam renklere bakarım.
Aslında altı öğe ve bunun nedeni, hangi modda olduğumuzun izini sürmüyor olmamız.
Bu kod sıfırlama düğmesinde.
Sadece renklerin rastgele renkler üretmeye eşit olduğuna inanıyoruz.
Dolayısıyla bunu eninde sonunda düzeltmeliyiz.
Ancak bunu yapmadan önce altı düğmeye geri döndüğümüzde zor düğmemizi alalım ve
her biri kendi rengine sahip.
Bu koddan bazılarını alıp burada kopyalarım, ki bu daima kötü bir işaret.
Ve bu yüzden bunu biraz yeniden yapılandırmaya gidiyoruz.
Yani yapmak istediğim ilk şey.
Hepsini sadece sabit düğme olay dinleyici renklerimize kopyalayacağım.
Altı renk olacak renk alacak aynı renk ekran metin içeriği aynı olacak.
Ve sonra hepsiyle bu döngü içinde döneceğiz.
İki farklı şey yapmamız lazım.
Birincisi, her kareye yeni bir renk atamaktır.
Ancak aynı zamanda potansiyel olarak üçümüzün alt kısımda gizlenmiş olduğundan emin olmalıyız.
ifadelerinden kurtulacağız ve renkleri arka plan rengine ayarlamak için tüm kareleri ayarlayacağız.
Şu an için if
Ve tüm karelerin bir blok görüntüsü olacaktır.
Bu yüzden bu biraz boşa çıktı, çünkü sadece teknik olarak son 3'e ihtiyacımız var ve
hepsini görüntüleme birimi olarak sıfırlıyoruz.
Ancak bu, daha sonra üzerinde durabileceğimiz çok küçük bir şey.
Bu işlerin yenilenip işlenmediğini 36. hattın üzerinde bir sözdizimi hatası olduğunu bize bildirelim bakalım ne eksik
görelim.
Burada sadece ekstra bir kıvrımlı ayraçımız var.
Bu yüzden şimdi tasarruf edip yenileyeceğiz, elimizde her zaman olduğu gibi altı renk var.
Kolayca tıklarsak üç olurum.
Sertleştiğimde altıya geri dönüyorum.
Burada yeni bir renk alıyorum ve işe yaramayacağından emin olalım.
Zor moda gittiğimde o kadar kolay zor kolaylaşır.
Yeni renkleri tekrar tıklayın.
Geri dönün kolay ve sert sert geri dönün.
Tamam.
Ve bunu oynayalım ve işe yarayıp yaramayacağına bakalım.
Bu nedenle seçim rengi 196 170 57'dir.
Bu yüzden çok fazla yeşil ve biraz mavi okudum.
Bu çok kırmızı ve yeşil sarı renkte.
Yani o ya da o da o olmayacak.
Bu, gerçek bir hızlı olacak ve işe yarıyormuş gibi görünüyor.
Tekrar tıklarsam tekrar üç renge dönürüz.
bu rastgele renk bize hangi tarafından gösterilmiyor olabilir? Bunu düzeltmek için sorunlu olmak.
Karşılaştığınız en acil mesele, kolay moddayken ve tekrar oynatmak bu altı renk değil üç
üretecek ve altıdan rasgele bir renk seçecek ve
Tek yapmamız gereken, hangi modda olduğumuzu takip eden bir değişkene sahip olmaktır.
Kolay ya da sert ya da karelerin sayısı üç ya da altı.
O halde burada yapacağız.
Kareler sayısı denilen ve 6'da başlayacak bir değişkene sahip olacağız ve bunu
burada beyan edeceğiz ve renklerin sayılara rasgele renkler üreteceğini söyleyelim ve kareler veya kareler sayı
yapalım.
Bunun biraz
daha kolay olması ve kaydetmesi.
Ve o zaman birkaç yerde değiştirmeliyiz.
Böylece, kolay moda tıkladığımızda, uyuşmuş kareler üç olmak istiyor ve sonra kareler olmadan
rasgele renkler üretiyoruz.
Ve daha sonra sert düğmeye tıkladığımızda bazı kareler 6 olmalı, bu yüzden uyuşmayan kareler
altı, daha sonra rasgele renk kareleri üretiyoruz ve ardından sıfırlama düğmesine tıkladığımızda birkaç
başka yer var.
Nahm kareleri de olacak doğru renk sayısını oluşturmak istiyoruz.
Yani, geri dönüp yenilersek bunun bizimle ilgilenmesi gerekir.
Kolay moda geçelim ve bu oyunu kazanalım.
Çoğunlukla kırmızı, biraz mavi.
Bu değil.
O değil.
Oraya gidiyoruz.
Ve tekrar oynarsam, renkleri yazdığımda yalnızca üç renk görüyorum.
Ve seçilen renk umutlarına baktığımda bir renk aldığını gördüyseniz, renk dizisinin içinde olduğunu görebilirsiniz.
Bu yüzden artık bunun için endişelenmene gerek yok.
Mantıkız şimdi çalışıyor