Atölye › Angry Birds Tarzı Sapan › 42/47. adım

Veriden üç seviye

Ne yapıyoruz

Seviye yalnız veri olduğu için yeni seviyeler yeni kod istemez. LEVEL listesini, listelerin listesi olan LEVELS'a çeviriyoruz: LEVELS[0] birinci seviye, LEVELS[1] ikinci, LEVELS[2] üçüncü (numaralar 0'dan başlar).

İkinci seviyede taş ayaklar ve iki kat var; üçüncüsü üç domuzlu geniş bir kale. Bu adımda yine birinci seviyeyle başlıyoruz; seviyeler arası geçişi sonraki adımlarda yazacağız.

Seviye tasarlamak, seviyeyi denemektir: kendi başına durmalı (ilk kuştan önce yıkılan kule hatadır) ve üç kuşla temizlenebilmeli. Bu üç seviye ikisini de geçti.

```js
// Each level: [kind, x, y, width, height], x and y the top left corner.
const LEVELS = [
  [
    ['wood', 380, 230, 12, 60], ['wood', 440, 230, 12, 60], ['wood', 370, 218, 94, 12], ['pig', 406, 196, 22, 22],
    ['pig', 480, 268, 22, 22],
  ],
  [
    ['stone', 360, 250, 14, 40], ['stone', 450, 250, 14, 40], ['wood', 350, 238, 124, 12], ['pig', 400, 268, 22, 22],
    ['wood', 380, 188, 12, 50], ['wood', 432, 188, 12, 50], ['wood', 372, 176, 80, 12], ['pig', 400, 216, 22, 22],
  ],
  [
    ['wood', 340, 230, 12, 60], ['wood', 400, 230, 12, 60], ['wood', 460, 230, 12, 60], ['stone', 330, 218, 152, 12],
    ['pig', 362, 268, 22, 22], ['pig', 424, 268, 22, 22], ['wood', 360, 168, 12, 50], ['wood', 440, 168, 12, 50],
    ['wood', 352, 156, 108, 12], ['pig', 396, 196, 22, 22], ['stone', 500, 250, 40, 40],
  ],
]

  bodies = LEVELS[0].map(([kind, x, y, w, h]) => body(kind, x, y, w, h))
```

Ne işe yarıyor

• const LEVELS = [ [...], [...], [...] ] → üç seviye, her biri eski LEVEL gibi bir blok listesi. Birincisi eski seviyenin aynısı.
• Her blok alttakinin tam üstüne oturur: bir bloğun y + h'si, altındakinin y'sine eşittir. İkinci seviyede taş ayak 250 + 40 = 290 (zemin), üstündeki kiriş 238 + 12 = 250.
• LEVELS[0].map(...) → köşeli parantezdeki sayı sıra numarası: 0, birinci seviye.

Sıra sende

1. // The level: ... yorumunu ve bütün const LEVEL = [ ... ] bloğunu sil; yerine yeni yorumu ve LEVELS'ı yaz. Sayıları dikkatle kopyala: birkaç piksel kayan bir blok kulenin kendi kendine yıkılmasına yol açar.
2. reset içinde LEVEL.map yerine LEVELS[0].map yaz.
3. Çalıştır: birinci seviye eskisi gibi görünmeli.

Beceriler: Diziler ve nesneler

← Yeniden oyna İstediğin seviyeyi başlat →

Tüm adımlar

1. Sapan
2. Gökyüzü ve zemin
3. Tekrar tekrar çiz
4. Nişan: bir açı ve bir çekiş
5. Sapanda bir kuş
6. Kuşu geri çek
7. Lastik
8. Ok tuşlarıyla nişan al
9. Gövdeler
10. Fırlat!
11. Hız kadar ilerle
12. Yerçekimi
13. Yere in
14. Nişan mı, uçuş mu
15. Uçuşta boş sapan
16. Ekrandan çıkan gider
17. Sakinliği bekle
18. Sıradaki kuş
19. Atmadan önce yolu gör
20. Bir noktadan nişana
21. Sapanı tut
22. Sürükle ve bırak
23. Tahta ve taş
24. Veri olarak seviye
25. İç içe geçen kutuları ayır
26. Kütleye göre sek
27. Her çift karşılaşır
28. Sürtünme
29. Daha küçük adımlar
30. Can puanı
31. Sert çarpan acıtır
32. Kırılan gider
33. Domuzlar
34. Puan
35. Puanı göster
36. Çatlaklar
37. Üç kuş
38. Kuşları say
39. Kazandın mı, kaybettin mi
40. Bitiş paneli
41. Yeniden oyna
42. Veriden üç seviye
43. İstediğin seviyeyi başlat
44. Sonraki seviyeye
45. En iyi puan
46. Doğru sözler
47. Kendin yap: sarı kuş