Atölye › Renk Hafızası (Simon) › 18/27. adım

Bir noktada hangi tuş var?

Ne yapıyoruz

Fareyle oynamak için önce şu soruyu cevaplamalıyız: bir noktanın altında hangi tuş var? Tuşlar tahtanın dört çeyreğinde; noktanın üst mü alt yarıda, sol mu sağ yarıda olduğuna bakmak yeter.

Bu adımda yalnız cevap veren fonksiyonu yazıyoruz: padAt (şuradaki tuş).

```js
function padAt(x, y) {
  if (y < TOP) return -1
  return (y - TOP < HALF ? 0 : 2) + (x < HALF ? 0 : 1)
}
```

Ne işe yarıyor

• function padAt(x, y) → bir noktanın x'ini ve y'sini alır, tuş numarasını geri verir (return).
• if (y < TOP) return -1 → < küçüktür: nokta üstteki yazı şeridindeyse tuş yok, -1.
• y - TOP < HALF ? 0 : 2 → şeridin altından ölçünce üst yarıdaysa 0, alt yarıdaysa 2.
• x < HALF ? 0 : 1 → sol yarıdaysa 0, sağ yarıdaysa 1.
• İkisi toplanır: sağ alt → 2 + 1 = 3, sol üst → 0 + 0 = 0. 5. adımdaki numaralarla aynı.

Sıra sende

press fonksiyonunun altına bir boş satır bırak ve padAt'i yaz; keydown dinleyicisi onun altında kalsın. Çalıştır.

Beceriler: Fonksiyonlar

← Klavyeyle oyna Fareyle oyna →

Tüm adımlar

1. Canvas'ı ve kalemi al
2. Koyu bir tahta
3. İlk tuş
4. Her tuşa iki renk
5. Dört tuşun hepsi
6. Çizen bir fonksiyon
7. Bir tuşu yak
8. Durmadan çiz
9. Hatırlanacak dizi
10. Turu göster
11. Bir tuşu bir süre yak
12. Yeniden sön
13. Bilgisayar bir tuş gösterir
14. Bütün diziyi göster
15. İzle, sonra sıra sende
16. Her basışı kontrol et
17. Klavyeyle oyna
18. Bir noktada hangi tuş var?
19. Fareyle oyna
20. İlerleme ve hata
21. Yeni oyun fonksiyonu
22. Yeniden denemek için tıkla
23. Basınca yan
24. Gittikçe hızlan
25. Rekoru kaydet
26. Rekoru göster
27. Kendin yap: oyalanmak yok