Atölye › Yazı Yağmuru › 21/33. adım

Oyun bitti kartı

Ne yapıyoruz

Oyun bitince oyuncu bunu açıkça görmeli. Ekranın üst tarafına koyu, hafif saydam bir kart çizip üstüne Game over ve yeniden oynamanın yolunu yazacağız.

```js
if (state === 'over') {
  ctx.fillStyle = 'rgba(2, 6, 23, 0.85)'
  ctx.fillRect(40, 105, canvas.width - 80, 120)
  ctx.fillStyle = 'white'
  ctx.textAlign = 'center'
  ctx.font = 'bold 26px sans-serif'
  ctx.fillText('Game over', canvas.width / 2, 140)
  ctx.font = '18px sans-serif'
  ctx.fillText('Press Enter to play again', canvas.width / 2, 175)
}
```

Ne işe yarıyor

Sıra sende

draw içinde kalp satırının altında bir boş satır bırak ve if bloğunu yaz; fonksiyonun son }'si altta kalsın. Çalıştır ve üç kelime kaçır.

Beceriler: Canvas üzerine çizim

Tüm adımlar

  1. Kelimeler için bir gökyüzü
  2. Zemin
  3. Canvas'ta bir kelime
  4. Çizen bir fonksiyon
  5. Kelime listesi
  6. Düşür
  7. Oyun döngüsü
  8. Listeden yeni bir kelime
  9. Yağmur başlasın
  10. Zemini geçince gider
  11. Bir kelimeye kilitlen
  12. Klavyeyi dinle
  13. Harf harf
  14. Yarım kelime sarı
  15. Kaybolan kelimeyi bırak
  16. Canlar
  17. Kalpler
  18. Puan
  19. Canlar bitti
  20. Oyunu dondur
  21. Oyun bitti kartı
  22. Yeniden oyna
  23. Seviyeler
  24. Gittikçe hızlanarak
  25. Rekor
  26. Doğruluk
  27. Dakikada kelime
  28. Sonunda hızın
  29. Tuşlar nereye
  30. Klavyeyi çiz
  31. Sıradaki tuşu yak
  32. Tuşlara dokun
  33. Kendin yap: fikir değiştir