Atölye › Puzzle Bobble Tarzı Balon Atıcı › 26/31. adım

Tehlike çizgisi

Ne yapıyoruz

Oyuncu balonların geçmemesi gereken çizgiyi görsün: ince, yarı saydam kırmızı bir çizgi. Oyun bitince de artık ateş edilemesin.

```js
if (state !== 'playing' || shot) return

ctx.fillStyle = 'rgba(239, 68, 68, 0.5)'
ctx.fillRect(0, DANGER, canvas.width, 2)
```

Ne işe yarıyor

Sıra sende

  1. shoot fonksiyonunun ilk satırını if (state !== 'playing' || shot) return yap.
  2. draw içinde tavanı çizen satırın altına tehlike çizgisinin iki satırını yaz.
  3. Çalıştır.

Beceriler: Oyun durumları, Canvas üzerine çizim

Tüm adımlar

  1. Gece göğü
  2. Bir balon
  3. Hücrelerden bir ızgara
  4. Izgarayı çiz
  5. İç içe oturan balonlar
  6. Atıcı
  7. Yukarı nişan al
  8. Oklarla çevir
  9. İşaretçiyle nişan al
  10. Ateş!
  11. Uç
  12. Duvarlardan sek
  13. Bir şeye değiyor mu?
  14. Izgaraya otur
  15. Daha küçük adımlar
  16. Altı komşu
  17. Taşan boya (flood fill)
  18. Üç tane olunca patla
  19. Düşen balonlar
  20. Asılı kalmayanlar düşsün
  21. Skoru göster
  22. Yalnız işe yarayan renkler
  23. Atışları say
  24. Tavan iniyor
  25. Kazan ya da kaybet
  26. Tehlike çizgisi
  27. Bitiş mesajı
  28. Yeniden oyna
  29. En iyi skor
  30. Noktalı kılavuz
  31. Kendin yap: balonları değiştir