Atölye › Köstebek Vurmaca › 1/18. adım
Köstebekler deliklerden çıkar; saklanmadan önce onlara tıkla. Zamana dayalı durum, daire isabet testi, süreli tur ve zorluk eğrisi.
Köstebek Vurmaca yapıyoruz: köstebekler deliklerden çıkıyor, saklanmadan önce onlara tıklıyorsun. Sonunda nasıl olacağını Bitmiş hâlini gör ile görebilirsin.
İlk iş çayır: sayfadaki canvas'ı (tuvali) bul, çizim kalemini al ve her yeri yeşile boya.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
ctx.fillStyle = '#65a30d'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```document.getElementById('game') → sayfada kimliği game olan öğeyi (canvas'ı) bul; const canvas ona ad verir.canvas.getContext('2d') → canvas'ın çizim kalemi: bütün çizim komutları ctx. ile başlayacak.ctx.fillStyle = '#65a30d' → dolgu rengi: çimen yeşili.ctx.fillRect(0, 0, canvas.width, canvas.height) → sol üst köşeden (0, 0) başlayıp canvas'ın tam boyu kadar içi
dolu bir dikdörtgen: bütün tuval.Satırları yorum satırlarının altına yaz ve Çalıştır'a bas: sağda yeşil bir alan görmelisin.
Beceriler: Canvas üzerine çizim