Atölye › Doodle Jump Tarzı Tırmanış › 9/24. adım

Platformlar

Ne yapıyoruz

Altı yeşil platform, üst üste, bir listede. Şimdilik yalnız çiziliyorlar; zıplayan içlerinden geçip gidiyor. Üstlerine konmayı sonraki adımda öğreteceğiz.

```js
const platforms = [
  { x: 170, y: 500, w: 60, h: 12 },
  { x: 50, y: 410, w: 60, h: 12 },
  { x: 250, y: 320, w: 60, h: 12 },
  { x: 120, y: 230, w: 60, h: 12 },
  { x: 290, y: 140, w: 60, h: 12 },
  { x: 30, y: 60, w: 60, h: 12 },
]

  ctx.fillStyle = '#16a34a'
  for (const p of platforms) {
    ctx.fillRect(p.x, p.y, p.w, p.h)
  }
```

Ne işe yarıyor

Her platform 60×12'lik bir kutu. Her biri bir öncekinden 90 piksel yukarıda: bir sekişin (~170 piksel) rahatça ulaşacağı kadar.
for (const p of platforms) → her platformu yeşil çiz. Zıplayandan önce çizildikleri için zıplayan üstlerinde görünür.

Sıra sende

player satırının altına platforms listesini yaz.
draw içinde arka plandan sonra, zıplayandan önce platform döngüsünü yaz.
Çalıştır.

Beceriler: Diziler ve nesneler

← Dokunarak yönlendir Platformlara kon →

Tüm adımlar