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

Platform türleri

Ne yapıyoruz

Birazdan farklı türde platformlar olacak: hareket eden, kırılan... Her platforma bir kind (tür) ve bir yatay hız vx veriyoruz; rengini de türüne göre bir tablodan bakıyoruz. Şimdilik tek tür var: normal.

```js
const COLORS = { normal: '#16a34a' }

  platforms = [{ x: 170, y: START_Y, w: 60, h: 12, kind: 'normal', vx: 0 }]

    const platform = { x: Math.random() * (canvas.width - 60), y: highest, w: 60, h: 12, kind: 'normal', vx: 0 }
    platforms.push(platform)

  for (const p of platforms) {
    ctx.fillStyle = COLORS[p.kind]
```

Ne işe yarıyor

• const COLORS = { normal: '#16a34a' } → türden renge bir tablo.
• kind: 'normal', vx: 0 → her platformun türü ve yatay hızı (şimdilik hareketsiz).
• const platform = { ... } → yeni platformu önce bir değişkende tutup sonra listeye ekliyoruz; sonraki adımlarda eklemeden önce onu değiştireceğiz.
• ctx.fillStyle = COLORS[p.kind] → rengi türüne göre tablodan al. Artık döngünün içinde, çünkü her platform farklı renkte olabilir.

Sıra sende

1. MAX_GAP satırının altına COLORS satırını yaz.
2. reset'teki platforma ve fillPlatforms'taki yeni platforma kind: 'normal', vx: 0 ekle; fillPlatforms'ta platformu önce const platform değişkenine koy, sonra platforms.push(platform).
3. draw içinde ctx.fillStyle = '#16a34a' satırını sil; döngünün içine ctx.fillStyle = COLORS[p.kind] yaz.
4. Çalıştır: görünüş aynı.

Beceriler: Oyun durumları

← En iyi skor Hareketli platformlar →

Tüm adımlar

1. Zıplayan
2. Tekrar tekrar çiz
3. Yer çekimi
4. Sek
5. Sağa sola yönlendir
6. Kenarlardan geç
7. Yarısı burada, yarısı orada
8. Dokunarak yönlendir
9. Platformlar
10. Platformlara kon
11. Takip eden kamera
12. Duvardaki çizgiler
13. Ne kadar zor olsun?
14. Bitmeyen platformlar
15. Iskala ve düş
16. Yeniden oyna
17. Dokunarak yeniden oyna
18. Skor yükseklik
19. En iyi skor
20. Platform türleri
21. Hareketli platformlar
22. Tuzaklar
23. Kırılıyor!
24. Kendin yap: yaylar