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

Kaymayı hatırla

Ne yapıyoruz

Taş yeni karesine bir anda zıplıyor; göz hangi taşın hareket ettiğini izleyemiyor. Taşları kayarak götüreceğiz.

Önemli bir fikir: tahta (tiles) eskisi gibi hemen değişecek; oyunun kuralları animasyonu beklemez. Ayrıca bir not tutacağız: hangi taş, nereden nereye kayıyor ve animasyonun kaçıncı karesindeyiz. Bu not slide. Bu adımda notu yazıyoruz; hareketi sonraki adımlarda.

```js
const SLIDE_FRAMES = 8

let slide // the tile sliding right now: { tile, from, to, frame }, or null

  slide = null

  slide = { tile: tiles[i], from: i, to: gap, frame: 0 }
```

Ne işe yarıyor

Sıra sende

  1. const TOP = 60 satırının altına const SLIDE_FRAMES = 8 yaz.
  2. let moves satırının altına yorumuyla birlikte let slide satırını yaz.
  3. reset'in sonuna, moves = 0 satırının altına slide = null yaz.
  4. move içinde if (!neighbors(gap).includes(i)) return satırının altına slide = { ... } satırını yaz.
  5. Çalıştır. Ekran aynı; not tutuluyor ama henüz kullanılmıyor.

Beceriler: Oyun durumları

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ı