Atölye › Frogger Tarzı Karşıya Geçiş › 20/22. adım

Sonraki seviye

Ne yapıyoruz

Dört yuva da dolunca yeni seviye: 100 bonus puan, yuvalar boşalır ve her şey dörtte bir hızlanır; en fazla başlangıç hızının iki katına kadar.

```js
let level
  level = 1

  if (filled.every(Boolean)) {
    level += 1
    score += 100
    filled = HOMES.map(() => false)
  }

  // Each level is a quarter faster, up to twice the starting speed.
  const pace = Math.min(2, 1 + (level - 1) * 0.25)
  for (const lane of LANES) lane.offset += lane.speed * pace

  frog.x += lane.speed * pace

  ctx.fillText('Level ' + level + '   Lives: ' + lives, canvas.width - 10, 27)
```

Ne işe yarıyor

• filled.every(Boolean) → her eleman doğru mu? Boolean bir değeri doğru/yanlışa çeviren hazır fonksiyon; every onu her eleman için dener.
• Hepsi doluysa: seviye +1, 100 puan, yuvalar boşalır.
• const pace = Math.min(2, 1 + (level - 1) * 0.25) → 1. seviyede 1, 2.'de 1,25, 3.'te 1,5... en fazla 2.
• lane.speed * pace → şeritler ve kütükteki kurbağa bu çarpanla kayar.
• Sağ üstte Level 2 Lives: 3 gibi yazı.

Sıra sende

1. let state ... satırının altına let level; reset içinde state = 'playing' satırının altına level = 1 yaz.
2. reachHome içinde newFrog() satırının üstüne seviye bloğunu yaz.
3. update içinde if (state !== 'playing') return satırının altına yorumu ve pace satırını yaz; şeritleri kaydıran satırda ve kurbağayı taşıyan satırda lane.speed yerine lane.speed * pace yaz.
4. draw'daki can yazısını 'Level ' + level + ' Lives: ' + lives yap.
5. Çalıştır.

Beceriler: Oyun durumları, Oyun döngüsü

← İlerlemeye puan En iyi skor →

Tüm adımlar

1. Yol ve nehir
2. Kurbağa
3. Çizmeye devam
4. Zıpla
5. Kaydırarak zıpla
6. Trafik şeritleri
7. Arabalar
8. Trafik akıyor
9. Araba çarptı
10. Üç can
11. Yeniden oyna
12. Dokunarak yeniden oyna
13. Nehirdeki kütükler
14. Kütüklerde kal
15. Kütüğe bin
16. Yeniden hizaya
17. Ev yuvaları
18. Eve var
19. İlerlemeye puan
20. Sonraki seviye
21. En iyi skor
22. Kendin yap: süre sınırı