Atölye › Yılan › 3/28. adım

Tahtayı boya

Ne yapıyoruz

İlk çizimimizi yapıyoruz: bütün canvas'ı koyu renge boyayacağız. Burası yılanın dolaşacağı oyun tahtası olacak.

Çizim hep iki adımdır: önce kalemin rengini seçersin, sonra o renkle bir şekil doldurursun.

```js
ctx.fillStyle = '#111'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```

ctx.fillStyle = '#111' → kalemin dolgu rengini seçer. #111 siyaha çok yakın bir gri. (Renkler 'red' gibi adla ya da # ile başlayan kodla yazılabilir.)
ctx.fillRect(0, 0, canvas.width, canvas.height) → içi dolu bir dikdörtgen çizer. Dört sayı sırayla:
- 0, 0 → dikdörtgenin sol üst köşesi. Canvas'ta (0, 0) sol üst köşedir; x sağa, y aşağı doğru büyür.
- canvas.width, canvas.height → genişlik ve yükseklik: canvas'ın kendi boyu (400 ve 400). Yani bütün tuval.

const ctx = ... satırının altında bir satır boşluk bırak, iki satırı yaz ve Çalıştır'a bas.

Beceriler: Canvas üzerine çizim