Atölye › Flappy tarzı kuş › 2/30. adım
İlk çizimimizi yapıyoruz: bütün canvas'ı gök mavisine boyayacağız. Kuş bu gökyüzünde uçacak.
Ç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 = '#70c5ce'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```ctx.fillStyle = '#70c5ce' → kalemin dolgu rengini seçer. Renkler 'gold' gibi İngilizce adla ya da # ile
başlayan kodla yazılır. '#70c5ce' bizim gök mavimiz; kodları ezberlemen gerekmez.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 600). 400 ve 600
yazmak yerine bunları kullanırsak canvas'ın boyu bir gün değişse de kod doğru kalır.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ı baştan aşağı gök mavisi olmalı.
Beceriler: Canvas üzerine çizim
← Canvas'ı ve kalemi al Kuşu çiz →