Atölye › Wordle Tarzı Kelime Tahmini › 3/26. adım

Çizen bir fonksiyon

Ne yapıyoruz

Yazdığın her harfle 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 = '#18181b'
  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

← Arka planı boya Beş karelik bir satır →

Tüm adımlar