Atölye › Angry Birds Tarzı Sapan › 2/47. adım
Sapanın arkasına bir dünya lazım: bütün canvas'a açık mavi bir gökyüzü, altına da GROUND'dan başlayan yeşil bir
zemin şeridi.
Canvas'ta sonra çizilen öncekinin üstüne gelir, tıpkı üst üste yapıştırılan kâğıtlar gibi. O yüzden gökyüzü ve zemin direkten önce çizilmeli; yoksa direği örterler.
```js
ctx.fillStyle = '#bae6fd'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#65a30d'
ctx.fillRect(0, GROUND, canvas.width, canvas.height - GROUND)
// The sling and, while aiming, the pulled-back bird and the path it will take.
ctx.fillStyle = '#78350f'
```ctx.fillStyle = '#bae6fd' → açık mavi.ctx.fillRect(0, 0, canvas.width, canvas.height) → sol üst köşeden başlayıp canvas'ın tam boyu kadar
(560 × 320) bir dikdörtgen: bütün tuval gökyüzü olur.ctx.fillStyle = '#65a30d' → çimen yeşili.ctx.fillRect(0, GROUND, canvas.width, canvas.height - GROUND) → y = 290'dan başlayan, tam genişlikte,
320 − 290 = 30 piksel boyunda şerit: zemin.// The sling and, ... → bir yorum: bilgisayar okumaz, insan için not. Bu bölümün oyun bitince neler
çizeceğini söylüyor: sapan, nişan alırken geri çekilmiş kuş ve kuşun gideceği yol. Onları adım adım ekleyeceğiz.ctx.fillStyle = '#78350f' satırının üstüne gökyüzü ve zeminin dört satırını yaz.Beceriler: Canvas üzerine çizim