Atölye › Renk Hafızası (Simon) › 2/27. adım
İlk çizimimizi yapıyoruz: bütün canvas'ı koyu laciverte boyayacağız. Renkli tuşlar koyu zeminde daha güzel parlar.
Ç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 = '#0f172a'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```ctx.fillStyle = '#0f172a' → kalemin dolgu rengini seçer. Renkler 'white' gibi İngilizce adla ya da # ile
başlayan kodla yazılır. '#0f172a' çok 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 (400 ve 440). 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 tuş →