Atölye › 15 Bulmacası › 21/27. adım

Kareleri say

Ne yapıyoruz

Not tamam; şimdi zamanı işletelim. Döngü her karede önce update() (güncelle) çağıracak: kayan taş varsa animasyonu bir kare ilerletir, 8 kareye ulaşınca notu siler.

Bir kural daha: bir taş kayarken başka hamle beklesin. Yoksa hızlı tıklamalar taşları üst üste bindirir.

```js
function move(i) {
  if (slide) return
  // ...

function update() {
  if (!slide) return
  slide.frame += 1
  if (slide.frame >= SLIDE_FRAMES) slide = null
}

function loop() {
  update()
  draw()
  requestAnimationFrame(loop)
}
```

Ne işe yarıyor

• if (slide) return → move'un ilk satırı: kayan bir taş varsa (slide null değilse) hamle yok. null if için "yanlış" sayılır.
• function update() { → her karede çalışacak güncelleme.
• if (!slide) return → kayan taş yoksa yapacak bir şey yok.
• slide.frame += 1 → animasyon bir kare ilerler.
• if (slide.frame >= SLIDE_FRAMES) slide = null → 8'e ulaştıysa (>= "büyük ya da eşit") kayma bitti: not silinir.
• loop içinde update() → önce durumu güncelle, sonra çiz.

Sıra sende

1. move içinde en üste if (slide) return yaz.
2. function squareX(i) { satırının üstüne update fonksiyonunu yaz; arada bir boş satır kalsın.
3. loop içinde draw() satırının üstüne update() yaz.
4. Çalıştır. Taşlar hâlâ zıplıyor; kaymayı bir sonraki adımda çizeceğiz.

Beceriler: Oyun döngüsü, Oyun durumları

← Kaymayı hatırla Akıcı kayma →

Tüm adımlar

1. Tek listede bir tahta
2. Tuval ve kalem
3. Masayı boya
4. Çizen bir fonksiyon
5. Satır ve sütun
6. Her kare nerede
7. Bir taş çiz
8. Taşın üstündeki sayı
9. Bütün taşlar
10. Tekrar tekrar çiz
11. N'den çözülmüş tahta
12. Komşular
13. Taş kaydır
14. Taşa tıkla
15. Ok tuşları
16. Hamleleri say
17. Gerçek kaydırmalarla karıştır
18. Hangi tahtalar çözülür?
19. Çözüldü mü?
20. Kaymayı hatırla
21. Kareleri say
22. Akıcı kayma
23. Çözüldü!
24. Kazandığını göster
25. Yeniden oyna
26. Kırılacak bir rekor
27. Kendin yap: bir süre sayacı