Atölye › XOX › 2/33. adım
İlk çizimimizi yapıyoruz: bütün canvas'ı koyu laciverte boyayacağız. Burası oyun tahtası olacak.
Çizim hep iki hareketle olur: önce kalemin rengini seçersin, sonra o renkle bir şekli doldurursun. Boyacı gibi: fırçayı boyaya bandır, sonra duvara sür.
```js
ctx.fillStyle = '#1e1e2e'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```ctx.fillStyle = '#1e1e2e' → kalemin dolgu rengini seçer. Renkler 'orange' gibi İngilizce adla ya da
# ile başlayan kodla yazılır. '#1e1e2e' koyu bir lacivert. Kodları ezberlemen gerekmez, verileni aynen yaz.ctx.fillRect(0, 0, canvas.width, canvas.height) → içi dolu bir dikdörtgen boyar. 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
(okuldaki grafiğin tersine).canvas.width, canvas.height → genişlik ve yükseklik: canvas'ın kendi eni ve boyu (300 ve 300). 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. Oyun alanı koyu laciverte boyanmalı.
Beceriler: Canvas üzerine çizim
← Canvas'ı ve kalemi al İlk ızgara çizgisi →