Atölye › Mario Tarzı Platform › 2/37. adım

Metinden bir bölüm

Ne yapıyoruz

Platform oyunları döşemelerden (tile) kurulur: küçük karelerden oluşan bir ızgara; her kare ya boş ya da katı. Yüzlerce dikdörtgeni tek tek yerleştirmek yerine bölümü yazı olarak yazacağız: her yazı bir satır, içindeki her harf 32×32 piksellik bir döşeme.

# zemin, B tuğla, . hava. P oyuncunun başlangıç yeri, o altın, e düşman, F bayrak. Bölümü kodun içinde görebilir, saniyeler içinde değiştirebilirsin. Gerçek oyunlar da bölümlerini böyle, veri olarak saklar.

Bu adımda ekran değişmeyecek; yalnız bölümü tanımlıyoruz.

```js
const TILE = 32
// The level as text: '#' ground, 'B' brick, 'o' coin, 'e' enemy, 'P' player start, 'F' flag.
const LEVEL = [
  '................................................................',
  '................................................................',
  '................................................................',
  '................................................................',
  '....................................oooo........................',
  '.........oooo........................e..........................',
  '.........BBBB.................ooo...BBBB....##..................',
  '....ooo...............#....................###.......oooo.......',
  '..P...................#...e...............####.....e.....e...F..',
  '################..############...#############..################',
  '################..############...#############..################',
]
const ROWS = LEVEL.length
const COLS = LEVEL[0].length
```

Ne işe yarıyor

const TILE = 32 → bir döşemenin piksel boyu.
const LEVEL = [ ... ] → 11 yazıdan oluşan bir dizi; her yazı 64 harf. Yani 11 satır, 64 sütun döşeme.
LEVEL[row][col] → tek bir döşemeyi okur: önce satırı (bir yazı), sonra o yazının içindeki harfi. Yazılar da diziler gibi 0'dan sayılır: LEVEL[8][2] → 'P'.
const ROWS = LEVEL.length → satır sayısı (11). const COLS = LEVEL[0].length → ilk satırın harf sayısı (64).
Bölüm 64 × 32 = 2048 piksel genişliğinde; canvas ise 640. Şimdilik taşan kısım görünmeyecek; kamerayı ileride ekleyeceğiz.

Sıra sende

const ctx = ... satırının altına bir boş satır bırak; TILE'ı, yorum satırını, LEVEL'ı, ROWS ve COLS'u yaz. Bölümün yazılarını buradan kopyalayabilirsin; her satır tam 64 harf olmalı. Çalıştır: ekran değişmez, kontroller yeşil olmalı.

Beceriler: Diziler ve nesneler

← Gökyüzü Döşemeleri çiz →

Metinden bir bölüm

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar