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

Bayrağa ulaş

Ne yapıyoruz

Direğe dokunan oyuncu bölümü kazanır. Ne kadar az kod gerektiğine dikkat et: bir çakışma kontrolü ve bir durum daha, 'won'. Bitiş ekranı zaten 'playing' olmayan her durumda çıkıyor; yalnız doğru yazıyı seçmesi gerek.

Bu, kurduğun yapının ödülü: bölüm yazısında veri, her kutu için ortak hareket ve çarpışma, oyunun akışı için bir durum makinesi. Yeni içerik artık birkaç satıra mal oluyor.

```js
if (overlaps(player, flag)) state = 'won'

  ctx.fillText(state === 'won' ? 'Level complete!' : 'Game Over', canvas.width / 2, 160)
```

Ne işe yarıyor

• if (overlaps(player, flag)) state = 'won' → direğe değdiysen kazandın. update durur, bitiş ekranı çıkar.
• state === 'won' ? 'Level complete!' : 'Game Over' → kazandıysan Level complete!, değilse Game Over.
• Boşluk her iki durumda da yeni oyun başlatır: jump yalnız 'playing'e bakıyor.

Sıra sende

1. update içinde çukur kontrolünün (kapanan }) altına bayrak satırını yaz.
2. draw'daki bitiş ekranında 'Game Over' yazısını koşul işleciyle değiştir.
3. Çalıştır ve bölümü bitir! Sonra LEVEL'ı değiştirip kendi bölümünü tasarla.

Beceriler: Oyun durumları

← Bayrak Kendin yap: zıplama tamponu →

Tüm adımlar

1. Gökyüzü
2. Metinden bir bölüm
3. Döşemeleri çiz
4. Ne katı?
5. Kutu bir şeye değiyor mu?
6. Başlangıcı bul
7. Oyuncuyu çiz
8. Yerçekimi
9. Döşemelere inmek
10. Hangi tuşlar basılı?
11. Hızlan
12. Sürtünme
13. Duvarlar
14. Zıpla
15. Kafanı çarp
16. Kısa zıplamalar
17. Birkaç karelik tolerans
18. Coyote time
19. Takip eden kamera
20. Uçlarda dur
21. Yalnız ekrandakini çiz
22. Altınlar
23. Topla
24. Say: ekran ve dünya
25. Düşmanlar
26. Yürüyen düşmanlar
27. Kenardan düşme
28. Canlar ve yeniden başlamak
29. Çukura düşmek
30. Düşmanlar incitir
31. Ez!
32. Ezilen düşman gider
33. Oyun bitti
34. Yeniden oyna
35. Bayrak
36. Bayrağa ulaş
37. Kendin yap: zıplama tamponu