Atölye › 15 Bulmacası › 4/27. adım

Çizen bir fonksiyon

Ne yapıyoruz

Her kaydırmadan sonra resim değişecek; yani resmi tekrar tekrar çizeceğiz. Çizim satırlarını bir fonksiyonun içine koyup ona draw (çiz) adını veriyoruz. Sonra tek kelimeyle, draw(), bütün resmi yeniden çizeriz.

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

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

reset()
draw()
```

Ne işe yarıyor

function draw() { → fonksiyon tanımlar; tek başına bir şey çizmez, sadece tarifi yazar.
{ ile } arasındaki satırlar fonksiyonun gövdesi; iki boşluk içeriden yazılır.
draw() → fonksiyonu çağırır. reset()'in altında: önce tahta hazırlanır, sonra çizilir.

Sıra sende

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

Beceriler: Fonksiyonlar

← Masayı boya Satır ve sütun →

Tüm adımlar