Atölye › Asteroids › 1/41. adım
Dön, it ve parçalanan kayalardan oluşan bir alanda ateş et. cos ve sin ile açılar ve vektörler, eylemsizlik, ekran kenarından dolaşma, vektörel çizim ve daire çarpışmaları.
Asteroids yapacağız: her yöne dönen, iten ve ateş eden bir gemi, parçalanan kayalarla dolu bir uzayda. İlk iş sahne: kapkara bir uzay.
Çizimi baştan bir draw (çiz) fonksiyonuna koyuyoruz; oyun ilerledikçe gemiyi, kayaları ve mermileri de o çizecek.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
function draw() {
ctx.fillStyle = '#000000'
ctx.fillRect(0, 0, canvas.width, canvas.height)
}
draw()
```document.getElementById('game') → sayfadaki game kimlikli canvas'ı (tuvali) bulur: 600 × 450 piksellik boş
bir resim alanı.canvas.getContext('2d') → tuvalin 2B çizim aracını verir; fırça gibi. Her çizimi ctx ile yapacağız.function draw() { ... } → çizim tarifini bir ada bağlar. Tanımlamak çalıştırmaz.ctx.fillStyle = '#000000' → fırçanın rengi siyah. ctx.fillRect(0, 0, canvas.width, canvas.height) → sol üst
köşeden (0, 0) başlayıp bütün tuvali boyar.draw() → tarifi bir kez çalıştırır.Kodu editördeki üç yorum satırının altına yaz. Çalıştır'a bas: sağdaki alan kapkara olmalı.
Beceriler: Canvas üzerine çizim