Atölye › Ay'a İniş › 21/31. adım

İndin mi, düştün mü?

Ne yapıyoruz

Sonucu oyuncu görsün: iyi bir inişte yeşil Landed! Space: fly again (indin! Boşluk: yeniden uç), kazada kırmızı Crashed. Space: try again (düştün. Boşluk: yeniden dene).

```js
ctx.textAlign = 'center'
ctx.font = 'bold 22px sans-serif'
if (state === 'landed') {
  ctx.fillStyle = '#4ade80'
  ctx.fillText('Landed! Space: fly again', canvas.width / 2, 140)
}
if (state === 'crashed') {
  ctx.fillStyle = '#f87171'
  ctx.fillText('Crashed. Space: try again', canvas.width / 2, 140)
}
```

Ne işe yarıyor

ctx.textAlign = 'center' → yazı verilen noktaya ortalanır. canvas.width / 2 ekranın ortası.
ctx.font = 'bold 22px sans-serif' → kalın, 22 piksel.
ctx.fillText(yazı, x, y) → yazıyı o noktaya boyar; rengi o anki fillStyle.
Her mesaj yalnız kendi durumunda ve kendi renginde çizilir.

Sıra sende

draw içinde drawLander() satırının altına bir boş satır bırak ve mesaj satırlarını yaz. Çalıştır: in ya da düş; mesajı görmelisin.

Beceriler: Canvas üzerine çizim

← Yeniden uç Göstergeler →

Tüm adımlar