Atölye › Flappy tarzı kuş › 5/30. adım

Hareket ettiren bir fonksiyon

Ne yapıyoruz

Her oyunun iki işi vardır: güncelle (durumu değiştir) ve çiz (durumu göster). Çizeni yazdık; şimdi güncelleyeni yazıyoruz. update fonksiyonu kuşu 2 piksel aşağı indirecek.

Tahmin et: bu adımdan sonra kuş hareket edecek mi? (Aşağıda sorusu var.)

```js
function update() {
  bird.y += 2
}
```

Ne işe yarıyor

• function update() { → ikinci fonksiyonumuz: güncelleme tarifi.
• bird.y += 2 → += "üstüne ekle" demek: "kuşun y'sine 2 ekle", 300 → 302. Canvas'ta y aşağı doğru büyüdüğü için kuş aşağı iner.
• Dikkat: fonksiyonu tanımladık ama çağırmadık. Tarif yazıldı, kimse pişirmedi.

Sıra sende

update fonksiyonunu function draw() { satırının üstüne yaz; ikisinin arasında bir boş satır kalsın. Çalıştır.

Beceriler: Oyun durumları, Fonksiyonlar

← Çizen bir fonksiyon Oyun döngüsü →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Gökyüzünü boya
3. Kuşu çiz
4. Çizen bir fonksiyon
5. Hareket ettiren bir fonksiyon
6. Oyun döngüsü
7. Yerçekimi
8. Kanat çırpış
9. Boşluk, yukarı ok ya da dokunuş
10. İlk çırpışı bekle
11. Yer ve gök
12. Oyuncuya söyle
13. Veri olarak boru
14. Boruları çiz
15. Kuş değil dünya kayar
16. Rastgele yükseklikte yeni boru
17. Her 90 karede bir boru
18. Geçilen boruları sil
19. Kuş borunun hizasında mı?
20. Açıklıktan geç
21. Her boruyu bir kez say
22. Skoru göster
23. Temiz başlangıç fonksiyonu
24. Tekrar dene
25. Oyunun bittiği tek yer
26. Rekoru hatırla
27. Rekoru göster
28. Her ekranda aynı hız
29. Aradan sonra telafi yok
30. Kendin yap: madalya