Atölye › OutRun Tarzı Yarış › 43/44. adım

Yeniden yarış

Ne yapıyoruz

Son dokunuş: yarış bitince Boşluk tuşu (telefonda ekrana dokunmak) yeni bir yarış başlatsın. Her şeyi başa almayı reset zaten biliyor; sadece onu çağıracağız. Başta reset yazmamızın faydası şimdi görünüyor.

```js
  if (event.key === ' ' && state === 'finished') reset()

canvas.addEventListener('pointerdown', (event) => {
  if (state === 'finished') {
    reset()
    return
  }
```

Ne işe yarıyor

• event.key === ' ' → Boşluk tuşunun adı tırnak içinde bir boşluk. && state === 'finished' → sadece yarış bittiyse; yarış ortasında Boşluk bir şey yapmaz.
• pointerdown içinde en başta: yarış bittiyse reset() ve return. return sayesinde aynı dokunuş gaza ya da direksiyona basmaz.

Sıra sende

1. keydown dinleyicisinde preventDefault satırının altına Boşluk satırını yaz.
2. pointerdown fonksiyonunun içinde en üste, const rect = ... satırının üstüne if bloğunu yaz.
3. Çalıştır, yarışı bitir ve Boşluk'a bas: yeni yarış başlamalı. Oyun tamam!

Beceriler: Klavye ve fare girdisi, Oyun durumları

← Bitti! Kendin yap: saate karşı →

Tüm adımlar

1. Gökyüzü ve zemin
2. Tekrar tekrar çiz
3. Perspektif
4. Bir parça yol
5. Parçalardan bir yol
6. Pistte neredeyiz?
7. Öndeki yol
8. Şeritler
9. Uzaktan yakına boya
10. Bordür ve orta çizgi
11. Şeritli çimen
12. Hareket tek bir sayı
13. Hangi tuşlar basılı?
14. Gaz pedalı
15. Fren, boşta gitme ve azami hız
16. Senin araban
17. Hız göstergesi
18. Telefon için pedal
19. Kamerayı yana kaydır
20. Direksiyon
21. Duran araba dönmez
22. Çimen yavaşlatır
23. Dokunarak direksiyon
24. Virajlı bir pist
25. Yolu kıvır
26. Virajda sıçrama olmasın
27. Hangi parçadayım?
28. Viraj dışarı çeker
29. Rakip arabalar
30. Döngüde uzaklık
31. Uzaklaştıkça küçülen arabalar
32. Trafik akıyor
33. Arkadan çarpma
34. Turları say
35. Turu göster
36. Tur süresi
37. Süreyi göster
38. En iyi tur
39. En iyi turu göster
40. Yarışıyor mu, bitti mi?
41. Bitiş çizgisi
42. Bitti!
43. Yeniden yarış
44. Kendin yap: saate karşı