Atölye › Flappy tarzı kuş › 12/30. adım
Oyuncu ne yapacağını bilmeli. Her aşamanın kendi yazısı olacak: beklerken Press Space to start (başlamak için
Boşluk'a bas), oyun bitince kocaman Game Over (oyun bitti).
Canvas'a yazı yazmak da çizim gibidir: önce rengi ve yazı tipini seçersin, sonra yazıyı bir noktaya koyarsın.
```js
ctx.fillStyle = 'white'
ctx.textAlign = 'center'
if (state === 'ready') {
ctx.font = '22px sans-serif'
ctx.fillText('Press Space to start', canvas.width / 2, canvas.height / 2 + 80)
}
if (state === 'over') {
ctx.font = 'bold 36px sans-serif'
ctx.fillText('Game Over', canvas.width / 2, canvas.height / 2)
}
}
```ctx.fillStyle = 'white' → yazılar beyaz.ctx.textAlign = 'center' → verilen x, yazının ortası olsun.if (state === 'ready') { ... } → süslü parantezli if: koşul doğruysa içindeki bütün satırlar çalışır.ctx.font = '22px sans-serif' → 22 piksel boyunda, sade bir yazı tipi. bold kalın demek.ctx.fillText('Press Space to start', canvas.width / 2, canvas.height / 2 + 80) → yazıyı (x, y) noktasına yaz.
/ bölme: canvas.width / 2 yatayda tam orta (200). canvas.height / 2 + 80 ortanın 80 piksel altı; kuşun üstüne
binmesin diye.} yeni değil: draw fonksiyonunun kapanışı. Yeni satırlar onun üstüne gelir.draw içinde kuşu boyayan ctx.fill() satırının altına bir boş satır bırak.} işaretinin üstüne yaz.Press Space to start görünmeli. Oyna ve kaybet: Game Over çıkmalı.Beceriler: Canvas üzerine çizim, Oyun durumları
← Yer ve gök Veri olarak boru →