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

Hangi bölüm?

Ne yapıyoruz

Oyuncu nerede olduğunu bilmeli. Sol üstteki şeride Level 1/3 (bölüm 1/3) yazacağız.

Yazı yazmak da çizim gibi: önce renk, yazı tipi ve hiza, sonra fillText.

```js
tile(player.x, player.y, '#38bdf8', 10)

ctx.fillStyle = 'white'
ctx.font = 'bold 18px sans-serif'
ctx.textAlign = 'left'
ctx.textBaseline = 'middle'
ctx.fillText('Level ' + (level + 1) + '/' + LEVELS.length, 12, TOP / 2)
```

Ne işe yarıyor

Sıra sende

draw içinde oyuncu satırının (tile(player.x, ...)) altına bir boş satır bırakıp beş satırı yaz. Çalıştır: sol üstte Level 1/3 görmelisin.

Beceriler: Canvas üzerine çizim

Tüm adımlar

  1. Yazıyla çizilmiş bir bölüm
  2. Tuval ve kalem
  3. Depo zemini
  4. Çizen bir fonksiyon
  5. Her kareye bir ad
  6. Duvarları oku
  7. Duvarları çiz
  8. Bölümü ortala
  9. Hedefler
  10. Kutular
  11. Oyuncu
  12. İki bölüm daha
  13. Bir adım
  14. Oklarla yürü
  15. Kutular yolu kapatır
  16. Kutu it
  17. Hedefteki kutu yeşile döner
  18. Çözüldü!
  19. Sıradaki bölüme
  20. Hangi bölüm?
  21. Alttaki satır
  22. Hamleleri say
  23. Oyunun fotoğrafı
  24. Her hamleden önce fotoğraf
  25. Geri al
  26. Baştan başla
  27. Her bölüm için bir rekor
  28. Rekoru göster
  29. Kendin yap: itmeleri say