Atölye › Space Invaders Tarzı › 1/21. adım
Yürüyen bir uzaylı düzenine karşı hattı tut. Atış bekleme süresi, mermi listeleri, grup hareketi, kurallardan doğan hızlanma ve düşman ateşi.
Space Invaders tarzı bir nişancı oyunu yapıyoruz: istilacı sıraları aşağı doğru yürüyor, en alttaki gemin onları vuruyor. Sonunda nasıl olacağını Bitmiş hâlini gör ile görebilirsin.
İlk iş gemi: altta, ortada, üstünde küçük bir namlusu olan camgöbeği bir kutu.
```js
const canvas = document.getElementById('game')
const ctx = canvas.getContext('2d')
const SHIP_Y = 480
const SHIP_W = 36
const SHIP_H = 16
let ship = { x: canvas.width / 2 - SHIP_W / 2, y: SHIP_Y, w: SHIP_W, h: SHIP_H }
function draw() {
ctx.fillStyle = '#020617'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = '#22d3ee'
ctx.fillRect(ship.x, ship.y, ship.w, ship.h)
ctx.fillRect(ship.x + SHIP_W / 2 - 3, ship.y - 6, 6, 6)
}
draw()
```SHIP_Y, SHIP_W, SHIP_H → geminin ekrandaki yüksekliği, genişliği, yüksekliği.x: canvas.width / 2 - SHIP_W / 2 → geminin ortası tuvalin ortasına gelsin: ortadan yarım gemi sola.draw() → önce koyu uzay, sonra gemi.ship.x + SHIP_W / 2 - 3 → geminin ortasından 3 piksel sola: 6 piksellik namlu ortalanır; ship.y - 6 → geminin
hemen üstü.Satırları yorum satırlarının altına yaz ve Çalıştır'a bas: altta bir gemi görmelisin.
Beceriler: Canvas üzerine çizim