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

Rekoru göster

Ne yapıyoruz

Rekor ekranda görünmezse kırmanın tadı çıkmaz. Skorun hemen altına, daha küçük yazıyla Best: 3 (en iyi: 3) gibi rekoru yazacağız.

```js
ctx.font = '16px sans-serif'
ctx.fillText('Best: ' + best, canvas.width / 2, 95)
```

Ne işe yarıyor

• ctx.font = '16px sans-serif' → skordan küçük, 16 piksel.
• 'Best: ' + best → yazılarda + "toplamak" değil ucuna eklemek demek: best 3 ise sonuç 'Best: 3'.
• canvas.width / 2, 95 → ortada, skorun (70) biraz altında.

Sıra sende

draw içinde skoru yazan ctx.fillText(String(score), ...) satırının hemen altına iki satırı yaz. Çalıştır, bir kez oyna ve kaybet: rekorun görünmeli; sayfayı yenilesen de kalmalı.

Beceriler: Canvas üzerine çizim

← Rekoru hatırla Her ekranda aynı hız →

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