Atölye › Sokoban › 21/29. adım

Alttaki satır

Ne yapıyoruz

Alttaki şeride bir satır yazacağız. Oynarken gri bir ipucu: Arrows: move (oklar: yürü). Bölüm çözülünce yeşil bir mesaj: Solved! Press Space for the next level (çözüldü, sıradaki bölüm için Boşluk). Son bölümde ise All levels solved! (bütün bölümler çözüldü).

```js
ctx.textAlign = 'center'
ctx.font = '14px sans-serif'
if (solved()) {
  const last = level === LEVELS.length - 1
  ctx.fillStyle = '#4ade80'
  ctx.fillText(last ? 'All levels solved!' : 'Solved! Press Space for the next level', canvas.width / 2, canvas.height - 16)
} else {
  ctx.fillStyle = '#a8a29e'
  ctx.fillText('Arrows: move', canvas.width / 2, canvas.height - 16)
}
```

Ne işe yarıyor

ctx.textAlign = 'center' → yazının ortası verilen x'e gelir; canvas.width / 2 tuvalin ortası.
if (solved()) { ... } else { ... } → çözüldüyse ilk blok, değilse ikinci blok.
const last = level === LEVELS.length - 1 → son bölümde miyiz? last true ya da false olur.
last ? 'All levels solved!' : 'Solved! ...' → kısa if: son bölümse ilk mesaj, değilse ikincisi.
canvas.height - 16 → alttan 16 piksel yukarı: alt şeridin ortası.

Sıra sende

draw içinde Level satırının altına bir boş satır bırakıp bloğu yaz (draw'u kapatan }'den önce). Çalıştır: altta gri ipucu olmalı; ilk bölümü çözünce yeşil mesaj çıkmalı.

Beceriler: Oyun durumları

← Hangi bölüm? Hamleleri say →

Tüm adımlar