Atölye › Adam Asmaca › 4/36. adım

Çizen bir fonksiyon

Ne yapıyoruz

Her tahminden sonra resim değişecek: yeni harfler, yeni çöp adam parçaları. Yani resmi tekrar tekrar çizeceğiz. Bunun için ç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: tarifi bir kez yazarsın, istediğin kadar pişirirsin. Ekran aynı kalacak.

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

draw()
```

Ne işe yarıyor

function draw() { → fonksiyon tanımlar: "draw deyince şunları yap". Bu satır tek başına bir şey çizmez, sadece tarifi yazar.
{ 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

← Kâğıdı boya Rastgele bir kelime seç →

Çizen bir fonksiyon

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar