Atölye › Wolfenstein Tarzı 3B Labirent › 2/18. adım

Oyuncu

Ne yapıyoruz

Oyuncu ızgarada bir noktada duruyor; birimi kare: (1.5, 1.5) sol üstteki zemin karesinin tam ortası. Bir de bir yöne bakıyor: bir açı. Açı 0 → sağa bakar. Mini haritada sarı bir nokta ve baktığı yönü gösteren bir çizgi.

```js
let player

function reset() {
  player = { x: 1.5, y: 1.5, angle: 0 }
}

  ctx.fillStyle = '#facc15'
  ctx.fillRect(player.x * MINI - MINI / 4, player.y * MINI - MINI / 4, MINI / 2, MINI / 2)
  ctx.strokeStyle = '#facc15'
  ctx.beginPath()
  ctx.moveTo(player.x * MINI, player.y * MINI)
  ctx.lineTo((player.x + Math.cos(player.angle)) * MINI, (player.y + Math.sin(player.angle)) * MINI)
  ctx.stroke()

reset()
```

Ne işe yarıyor

Sıra sende

  1. MINI satırının altına, bir boş satırdan sonra player ve reset yaz.
  2. draw'ın sonuna (minimap döngüsünün altına) noktayı ve yön çizgisini çizen satırları yaz.
  3. En alttaki draw() satırının üstüne reset() yaz. Çalıştır.

Beceriler: Canvas üzerine çizim, Hız ve yerçekimi

Tüm adımlar

  1. Harita
  2. Oyuncu
  3. Tavan, zemin ve döngü
  4. Dön
  5. Yürü
  6. Duvar mı?
  7. Duvarda dur, boyunca kay
  8. Işın: nereden başlıyor
  9. Işın: ızgara çizgileri
  10. Işın: duvara kadar yürü
  11. 3B görünüm
  12. Balık gözü yok
  13. Işık ve gölge
  14. Süre
  15. Kaçış!
  16. En iyi süre
  17. Dokunmatik kontrol
  18. Kendin yap: koş