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

Çizen bir fonksiyon

Ne yapıyoruz

Sokoban'da zaman akmaz: sen bir tuşa basarsın, bir şey değişir, resim yeniden çizilir. Resmi tekrar tekrar çizeceğimiz için çizim satırlarını bir fonksiyonun içine koyup ona draw (çiz) adını veriyoruz.

Fonksiyon bir yemek tarifi gibidir: bir kez yazarsın, istediğin kadar pişirirsin. Ekran aynı kalacak.

```js
function draw() {
  ctx.fillStyle = '#1c1917'
  ctx.fillRect(0, 0, canvas.width, canvas.height)
}

draw()
```

Ne işe yarıyor

function draw() { → fonksiyon tanımlar: "draw deyince şunları yap". Tek başına bir şey çizmez.
{ ile } arasındaki satırlar fonksiyonun gövdesi; okunaklı olsun diye iki boşluk içeriden yazılır.
draw() → fonksiyonu çağırır: tarifi şimdi uygula. Sondaki () "çalıştır" demek.

Sıra sende

İki çizim satırının üstüne function draw() { yaz.
İki satırı iki boşluk içeri al; altlarına kapanan } yaz.
Bir boş satırdan sonra draw() yaz. Çalıştır: ekran aynı görünmeli.

Beceriler: Fonksiyonlar

← Depo zemini Her kareye bir ad →

Tüm adımlar