Atölye › Tetris Tarzı Bloklar › 29/32. adım

Sıradaki parça

Ne yapıyoruz

Oyuncu ileriyi planlayabilsin: bir sonraki parçayı önceden çekip next'te tutuyoruz ve panelin tepesinde gösteriyoruz. spawn artık yeni parça olarak next'i kullanıyor ve torbadan yeni bir next çekiyor.

```js
let next

  next = takeFromBag()
  spawn()

  const shape = next
  next = takeFromBag()

  ctx.fillText('Next', panel, 30)
  drawShape(next, 11, 2)
  ctx.fillStyle = 'white' // drawShape changed the fill color; the labels below need white again
```

Ne işe yarıyor

Sıra sende

  1. let piece satırının altına let next yaz.
  2. newGame içinde spawn() satırının üstüne next = takeFromBag() yaz.
  3. spawn içinde const shape = takeFromBag() satırını iki satırla değiştir.
  4. draw içinde ctx.textAlign = 'left' satırının altına üç Next satırını yaz.
  5. Çalıştır: panelin tepesinde sıradaki parça görünmeli.

Beceriler: Oyun durumları, Canvas üzerine çizim

Tüm adımlar

  1. Kuyu
  2. Sayı satırlarından tahta
  3. Bir hücre çiz
  4. Bütün tahtayı çiz
  5. Sayı renktir
  6. Parça küçük bir ızgaradır
  7. Şekil listesi
  8. Yedi parçanın hepsi
  9. Kuyunun içine sığıyor mu?
  10. Bloklar yolu kapatır
  11. Önce dene, sonra taşı
  12. Oklarla oynat
  13. Matrisi döndür
  14. Yukarı okla döndür
  15. Duvar itmesi
  16. Kendiliğinden düşüş
  17. Tepede rastgele bir parça
  18. Yere otur ve kilitlen
  19. Oyunu başlatan tek fonksiyon
  20. Yığın tepeye ulaşınca
  21. Ekranda Game Over
  22. Yeniden oyna
  23. Dolu satırları sil
  24. Satırlara puan
  25. Yan panel
  26. Seviyeler
  27. Her seviyede daha hızlı
  28. Adil bir parça torbası
  29. Sıradaki parça
  30. Bırak gitsin
  31. Hayalet parça
  32. Kendin yap: parçayı beklet