Atölye › Candy Crush Tarzı Üçlü Eşleştirme › 21/29. adım

Üstün altından çık

Ne yapıyoruz

Yeni mücevherler tahtanın üstünden başlıyor; skor yazısının üstünden kayarak geçiyorlar. Çirkin! Çözüm çok basit: mücevherleri çizdikten sonra üstteki şeridi yeniden boyamak. Canvas'ta sonra çizilen öncekinin üstüne gelir; mücevherler şeridin altında kalır ve tahtaya girerken sanki bir perdenin arkasından çıkıyormuş gibi görünür.

```js
// New gems fall in from above the board: paint the score strip again, so they come out from under it.
ctx.fillStyle = '#1e1b4b'
ctx.fillRect(0, 0, canvas.width, TOP)
```

Ne işe yarıyor

• ctx.fillRect(0, 0, canvas.width, TOP) → canvas'ın tepesinden ızgaranın başladığı yere (TOP, 72) kadar, arka plan renginde bir şerit.
• Sıra önemli: mücevherlerden sonra (onları örtsün), skor yazısından önce (yazıyı örtmesin).

Sıra sende

1. draw içinde skor yazısının ctx.fillStyle = 'white' satırının üstüne yorum satırını ve iki satırı yaz.
2. Çalıştır ve bir üçlü yap: yeni mücevherler tahtanın kenarından belirmeli.

Beceriler: Canvas üzerine çizim

← Kayarak in Hiç hamle var mı? →

Tüm adımlar

1. Tahtanın yeri
2. Damalı ızgara
3. Oyun döngüsü
4. Rastgele mücevherli tahta
5. Mücevherleri çiz
6. Eşleşmesiz başla
7. Bir mücevhere tıkla
8. Seçimi göster
9. İki komşuyu takas et
10. Bütün eşleşmeleri bul
11. Eşleşme yoksa takas yok
12. Skor ve yeni başlangıç
13. Eşleşeni sil
14. Mücevherler düşsün
15. Silmenin iki yarısı
16. Silmeden önce bekle
17. Yanıp sön, dokunma
18. Zincirleme
19. Mücevher nereden geldi
20. Kayarak in
21. Üstün altından çık
22. Hiç hamle var mı?
23. Asla sıkışma
24. Beş saniye sonra ipucu
25. İpucunu göster
26. Yirmi hamle
27. Oyunun sonu
28. En iyi skoru hatırla
29. Kendin yap: kaydırarak takas