Atölye › Amiral Battı › 13/35. adım

Bir mesaj satırı

Ne yapıyoruz

Denizin üstünde bir mesaj satırı olsun: oyuncuya ne olduğunu söylesin. Mesajı bir değişkende tutuyoruz ki oyunun her yeri onu değiştirebilsin. Başlangıç mesajı: Your turn: pick a square (sıra sende: bir kare seç).

```js
let message

  message = 'Your turn: pick a square'

  ctx.fillStyle = 'white'
  ctx.font = 'bold 16px sans-serif'
  ctx.textAlign = 'left'
  ctx.fillText(message, SEA.x, 34)
```

Ne işe yarıyor

• let message → mesaj; değerini reset veriyor.
• ctx.textAlign = 'left' → verilen nokta yazının sol ucu.
• ctx.fillText(message, SEA.x, 34) → değişkendeki yazıyı denizin hemen üstüne boyar. Değişken değişince, bir sonraki karede ekrandaki yazı da değişir.

Sıra sende

1. let myShots ... satırının altına let message yaz.
2. reset içinde myShots = grid(null) satırının altına mesaj satırını yaz.
3. draw içinde drawSea(SEA, BIG, myShots) satırının üstüne dört yazı satırını yaz.
4. Çalıştır: denizin üstünde Your turn: pick a square görmelisin.

Beceriler: Canvas üzerine çizim, Oyun durumları

← Dokun ve ateş et İsabet mi, ıska mı? →

Tüm adımlar

1. 10'a 10 bir deniz
2. Her deniz için bir fonksiyon
3. Senin denizin
4. Tekrar tekrar çiz
5. Liste olarak ızgara ve gemi
6. Rastgele bir filo
7. İki filo
8. Burada hangi gemi var?
9. Bir kareye ateş et
10. Atışları göster
11. Senin atışın
12. Dokun ve ateş et
13. Bir mesaj satırı
14. İsabet mi, ıska mı?
15. Kendi filonu gör
16. Gemi batırmak
17. Batık gemide koyu isabetler
18. Batık gemilerin çerçevesi
19. En az atışla kazan
20. Onların atışlarının kaydı
21. Sırayla
22. Bilgisayar karşılık veriyor
23. Kaybetmek de var
24. Isı haritası
25. En sıcak kareye ateş
26. İsabetin çevresini ara
27. Isı haritasını gör
28. Isı için H
29. Sonunda gemilerini göster
30. Klavye imleci
31. Oklarla gez
32. Enter ile ateş, yeniden oyna
33. En iyi oyunun
34. Yan panel
35. Kendin yap: gemiler ayrı