Bu videoda yapmak istediğim birkaç küçük değişiklik var ve sonra bunu biraz
daha nasıl refactor edebileceğimiz konusunda konuşacağım.
Bu yüzden ilk değişiklik, bu oyunu kazandığımızda.
O halde burada kazanalým.
İşte gidiyoruz ve doğru mesajı alıyorum ve oyunu tekrar tıklıyorum.
Yine de doğru söylüyor.
Ve bunu sıfırlamasını istiyoruz, bu da gerçekten hızlı bir değişiklik.
kodun bulunması ve burada sahip olduğumuz yayını değiştirip sadece boş bırakmamız.
Tek yapmamız gereken, oyuna tekrar tıkladığımızda çalışan
Bu yüzden, bu tam ekranı bulmanın yolunu bulalım.
Bu durumda, burada bulunan sıfırlama düğmesine tıkladığımızda.
Tek yapmamız gereken, mesaj ekranı olarak adlandırdığımız ekranımızı değiştirmek.
O halde burada her yerde yapacağız.
Mesaj görüntüleme metni ups metin içeriği boş dizede eşittir.
Bakalım nasıl gidiyor.
Yenileyin.
Tamam biz kazanana kadar tıkla.
Tamam, böylece burada doğru söylüyor.
Ve tekrar oynamaya başlarsam giderim.
Yapmamı istediğim diğer hafif değişiklik, bu düğmenin kullanıcı kazanmasıyla tekrar oynaması
gerektiğini söylüyor.
Bu yüzden sayfayı yenileyeceğim ve nasıl çalışmasını istediğimiz yeni renkler söylüyor.
Sonra kazanırsam, tekrar oynamak isteyip istemediğimi sorar.
Sonra tekrar oynatırsam düğme metnini Yeni renklere dönmek için değiştirmek isteriz.
Gerçekten ufak bir fark ama yine de sadece kullanıcı kazandığında oyunu tekrar göstermek istiyorum.
Dolayısıyla kodumuza gidin ve kullanıcı seçilen rengi tıklattığında oyunun hangi tarafta
bulunduğu yeri bulmamız gerek.
Kullanıcı doğru rengi tıkladığında sıfırlama düğmesi metnini metin içeriği olarak değiştiririz
ancak daha sonra kullanıcı sıfırlama düğmesini tıkladığında bunu değiştirmek istediğimizdir.
Bu, yeni renklere dönmek için metin içeriğini nokta koyuyor ve biz de bir sıfırlama düğmesi yazabiliyoruz.
Ancak bunun yapılması daha kolay, çünkü sıfırlama düğmesi için etkinlik dinleyicisi içindeyiz.
Doğru olanı elde edene kadar çabucak yenilersek bu iyi olur.
Tekrar oynamak istiyoruz.
Emin.
Artık Yeni renklere dönüyor ve her seferinde yeni renkler defalarca söylüyor ve kazanırsam
tekrar oynamanın tek zamanı geliyor.
Bu yüzden gerçekten küçük bir şey ama gerçekten dikkat dağıtıcı olduğunu keşfediyorum, bu düğmelerden birine
tıkladığımda çevresindeki bu can sıkıcı anahat var.
Ve aslında tarayıcımız bunu yapıyor.
Ve bunu kapatabiliriz.
Bunu ekranın üstünde görebiliyor musunuz bilmiyorum, ancak mavi bir çizgi var.
Oldukça zararlı.
Bundan kurtulmak için stil sayfamıza gidiyoruz ve burada düğmelerimizi
seçersek sadece anahat yazıp geri dönüp yenileyebiliriz.
Şimdi tıklarsak etrafındaki mavi çizgiyi almazsak.
Oyun mantığı için yapmak istediğim tek şey bu kadar.
Şimdi kodunuzu yeniden biçimlendirmek için biraz zaman harcamak istiyoruz.
O zaman geri dönelim.
Bana atlayan ilk şey, bu kod burada kolay bir tuşa ve her biri için dinleyiciye sahip
bir sabit butona sahipler.
Ve nasıl çalıştıklarına çok benziyorlar.
Bunlardan biri hariç olmak üzere üç kare ile çalışacak.
Diğeri altı ile çalışır ancak aksi halde aynı şeyi yapar.
Yani aslında bu çoğaltılmayı azaltabiliriz.
Ve her birine ne yapacağımıza dair bir fikir vermek yerine bu kimliklerden kurtulup onlara bir sınıf
vermek ve aynı sınıfa ortak olacaklarını düşünmektense.
Böylece sınıfın modu denilecek.
Onlara sınıf modu vereceğiz.
Bir düğmeyi veya herhangi bir öğenin iki sınıfı olabileceğini unutmayın.
Sadece boşluklarla ayrılmaları gerekir.
Yani sınıf modu ve sınıfı seçilmiş.
TAMAM.
Şimdi gidip bu iki düğmeyi silmek ve mod düğmeleri olarak adlandırılan düğmeler listesini yapalım ve
bu, seçiciyi sorgulayan bir belge olacak.
Paul datt modu.
Bu bize iki düğme verir.
Ardından, mod düğmelerinden geçeceğiz.
Bu nedenle, var eşit sıfıra ihtiyacımız var.
Mod düğmesinden daha az ürkütücü.
Ve gelecekte orta veya normal bir zorluk modu veya süper sert zorluk modu eklemek istiyorsak
bu da yapmamıza izin verecek.
da bir döngü kullanıyoruz. Burada, eklediğimiz her düğme için manuel olarak bir tane yazmamız gerekiyor.
Ekstra dinleyiciler eklemek zorunda değiliz, çünkü hepsini seçiyoruz ve sonra
TAMAM.
Dolayısıyla, buradaki döngüyü bitirin.
Ayrıca artı.
Ve ne yapacağım, bir mod düğmesi ekleyerek, olay ekle dinleyicisi tıkla ve şimdi bunu
şimdilik bırakacak.
Daha fazla ilerlemeden önce, kodu yeni yorumlayacağız, böylece yeni koddan
neyin koştuğunu ve bu düğmelerden birine tıkladığımızda ne olacağını söyleyebiliriz.
Olmasını istediğimiz ilk şey, seçilen sınıfın uygulanmasıdır.
Bu yüzden şu anda sadece bizde kalalım.
Tıkladığımızda istediğimiz rengi alıyoruz.
Bu yüzden bunu yapmamız gerekiyor, sadece kolay düğmeye ve zorlu düğmeye yapıyoruz haricinde, burada sahip
olduğumuz gibi, nokta sınıfı listesi ekle.
Onu, tıklanan şeyle alakalı olana bunu yapabiliriz.
Tek konu, orijinal dokümanı kapatmamız gerektiği.
ve mod düğmelerini yazacağız sıfır nokta sınıfı listesi dot seçili olanı kaldırın ve onu diğerinden de kaldıralım.
Ve bunu yapmak için sadece biraz zor kodlayacağız
Çünkü sadece iki düğme var.
Bu bir sorun değil.
Yaptığımız şey, onu güvende hissetmek ve daha sonra tıklamış olduğumuza eklemek için
her iki düğmeden kaldırmak.
Şimdi bunu test edip yenileyelim.
Sadece tıkladığımız yere eklendiğini ve diğerinden
kaldırıldığını görebilirsiniz.
Dolayısıyla, daha sonra yapmamız gereken şey, bu düğmelerin mantığının çoğunu burada ekleyin.
Bu nedenle, kaç tane karenin göstermek için yeni renkler olduğunu ve sonra da tıklamaya çalıştığımız renk olan yeni bir renk
seç almamız gerektiğini bulmamız gerekiyor.
Ve son olarak, değişiklikleri yansıtmak için sayfayı güncellemek istiyoruz.
Bu yüzden hepsini yapmak için aslında yeni bir işlev yapacağım ve bu işlevi
yalnızca sıfırlamaya çalışacağım ve bu birkaç yerde kullanacağımız bir şey çünkü bu
adımları tekrarlamak istiyoruz. renkler dizisinden yeni seçilen bir renk seçen yeni renkler topluyor ve
ardından sayfayı yeni renkleri göstermek ve bu ekranı güncellemek için güncelliyor.
Bunu her zaman yapıyoruz, böylece hepsini bir işleve yükleyeceğim.
Bu işlevi yapmamız gereken aslında aslında buradan kopyalayacağım.
Bunu zaten burada yaptık.
Bütün bunları bizim Reset'imize bunun gibi kopyalayacaktım.
Ve neler olup bittiğine bir göz atalım.
Bu nedenle, kararsız değişkenlere bağlı olarak rasgele renkleri sıfırlama veya üretme yerine,
yeni bir renk seçiyoruz, renkli görüntüler içeriğini değiştiriyoruz.
Bu metin içeriği yeni renklere eşittir.
Ve bu işe yaramayacak, çünkü bu sıfırlama düğmesine atıfta bulunmaktaydı.
Ve bu, sıfırlama düğmesi için merkezdeki olaydı.
Artık, reset adı verilen ayrı bir işlev yerine değiliz.
Bu yüzden sıfırlama düğmesi olarak kodlamamız gerekiyor.
Sonra ileti ekranını boş olarak değiştiriyoruz.
Ve sonra bütün kareleri dolaşıyoruz ve renklerini güncelliyoruz.
Ve sonra 8: 1'in arka planını maviye dönüştürüyoruz.
Ve burada yerine onu aramayı kabul edersek, sıfırlama işlemini yaparız.
Hiçbir zaman uyuşmayan kareleri güncellediğimiz küçük bir sorun var.
Bu yüzden kolay düğmesini tıkladığımda kareler değişkenini üç olarak değiştirmek istiyor olursunuz.
Sabit düğmesine tıkladığımda onu 6 olarak değiştirmek istiyorsun.
O dakikayı yapmak için buraya gidip bir if deyimi ekleyin ve yapabileceğimiz tek şey bu metin içeriğini yazmaktır.
Böylece, metin içeriği kolay eşitse tıklanan düğme.
Ne yapacağımızı söylemek, uyuşmayan kareler üç L'ye eşittir ki sayı kareleri altıya eşittir.
Ardından sıfırlama işlevi, burada sıfırlama işlevimizde görebileceğiniz gibi uyuşmayan
kareleri kullanır.
Ürettiğimiz rastgele renkler işlevini çağırmak için bazı kareler kullanıyoruz.
Bu yüzden, burada yaptığımız bazı kareler güncellenmiş olması gerekiyor.
Aslında bazı insanların hayranları olduklarını yazmanın kısa bir yolu var.
Üçlü operatör denir.
Bu yüzden önce onu yazacağım ve sonra nasıl çalıştığından bahsedeceğim.
Yani bu metin içeriği eşittir eşittir.
Kolay soru işareti.
Numb kareleri üçlü iki kare kareye eşittir altıya eşittir.
Yani burada olan bu çizgi, buradaki dört çizgi ile aynı şeyi yapıyor.
Bu beş satır.
Buna üçlü operatör deniyor.
Üç bölüm var.
İlk şey koşuldur.
Bu yüzden bunu bu metin içeriği sanki eşit derecede eşitse, hiçbir kareler 3'e eşitse okuyamazsınız. Aksi halde kareler
6'ya eşit değildir.
Bu sadece bunu yazmanın bir yolu.
Ve ben böyle tutacağım.
Genellikle hızlı bir satırsam, eğer üç farklı operatör için bir değer ayarlarsak,
üçlü operatör için iyi bir kullanım durumu olur.
Yine de aslında saklanmadığımız bir sorunun var.
Ya da doğru kareler sayısını göstererek.
Yenilersem ne olur?
Sert moda başlıyoruz.
Bu işe yarıyor.
Her şey aynı işe yarıyor.
Kolayca tıklarsam yine de altı karemiz olur ve alttaki üçünün renkleri değiştirmediğini
göreceksin çünkü yalnızca üç renk üretti.
Bu yüzden, sıfırlama işlevi yerine yapmamız gereken şey, bunu hesaba katmamız gerekiyor.
Karelerin renklerini, colors dizisindeki renkle eşleşecek şekilde değiştirdiğimiz bu döngü
yerine, tam burada.
Renk dizisinde yalnızca üç öğe varsa, yapmamız gereken şey diğer üç
kareyi gizlemektir.
Bu yüzden bir if deyimi ile yazacağım ve sadece boyamak için bir renk olup olmadığını kontrol edeceğim.
Ben de başka bir şey yapıyorum.
Dolayısıyla bir renk varsa karelerin arka plan rengini boyarız veya değiştireceğiz.
O renk olmayı tercih edersem, gösterdiğim kareleri hiçbiri olarak değiştirmem gerekir.
Ve bu şekilde görüntülenmesi stil sahibi olması gerekiyor.
Ve böylece bu bizim için gizleyecektir.
Peki basit butona tıklarsam ne olur? Üç öğe altı kareden geçiyor ve tekrar kontrol
ederken bir dizi renk var.
Eğer o kare ile eşleşen bir renk varsa ve ilk üç için o renk olacak.
Arka plan rengini, dizideki renk olacak şekilde ayarladık.
Ama son üç renk hayır olacak.
Ya da aslında tanımlanmayacak.
Orada bir renk olmayacak.
Bu yanlış.
Ve o zaman ne olur ekran yok olarak ayarlayın.
Bu işin nasıl yenilendiğini size göstereceğim.
Kolayca tıklarsam alttaki üç kişi kaybolur.
Kolayca tıklayarak üç yeni renk elde edersiniz.
Oyunu oynayalım.
Oraya gidiyoruz.
Zor bir seçeneğe sahipken, altı kareyi de yeni bir Bactrim rengine döndürdüğümüzde
tıkarız, ancak yeni bir arka plan vermeden önce etrafında dolaşmak için yapacağımız alttaki üç şeyi
saklamıyoruz. karelere renk verin.
Ben devam edip onlara tekrar göstereceğim.
Bu yüzden stil ekranı blok eşdeğer olduğunu düşündüm kareler olacak.
Onları geri getiririz.
Ve bunu sadece altı kişiye yapacağız.
Çok önemli değil.
Dolayısıyla onlara bir arka plan rengi verirsek, öncelikle bunların görünür olmasını sağlayacağız.
Şimdi, yenileyip kolaylaşırsak üçümüzde bir oyun oynarız.
Sertleştim.
Şimdi altı arayan var.
Hadi oyun oynayalım.
Orada kolay tıklayın ve üçümüze dönelim.
Tamam.
Yani burada bir sürü kod temizledik.
Bu çok daha uzun sürdü.
En azından üç kat daha uzun gibi.
Ve iki farklı tıklanan dinleyici ve şimdi kodumuz göreceli olarak çok yönlüdür.
yapmamız gereken tek şey, bu çizgiyi, daha karmaşık sayılarla kareler alacağımız yer olarak değiştirmektir.
Orta zorluk düğmesini eklemek istesek
Belki 5 kareyi istiyoruz ya da 10 kareye sahip olduğumuz süper zor bir seviyeyi
istiyoruz, sadece sayı karelerini değiştirmek ve reset fonksiyonunu arayarak reset fonksiyonumuzu kullanabileceğimiz sonraki yeri elde
etmek aslında reset butonuna tıkladığımızda. .
Yani orada yapmamız gereken tek şey, reset düğmesini tıklatmak yerine Lisner'i
sıfırlamak yerine her şeyi değiştirmek.
Bu, kodumuzu çok arttırıyor.
Az önce 10 satırdan kurtulduk.
Böylece parantezsiz olarak geri dönelim.
Tarayıcıya gidelim ve hala çalışır durumda olduğundan emin olun.
Öyleyse bir oyun oynayalım.
Tekrar oynamak için tıklayın ve yeniden düzelir.
Başka bir oyunun kolay oynanmasına tıklayın ve aynı zamanda yeniden başlatır.
Tamam.
Dolayısıyla kodumuzu biraz yukarı çekiyoruz.
Bu iki şeyden kurtulacaklar, böylece her şeyi kısalttığımızı görebiliyorsun