Atölye › OutRun Tarzı Yarış › 13/44. adım
Ok tuşları pedallarımız olacak. Hangi tuşların basılı olduğunu keys (tuşlar) adlı bir nesnede tutacağız: tuşa
basılınca true, bırakılınca false. Böylece update her karede "yukarı ok basılı mı?" diye sorabilecek.
Ekranda bir şey değişmez; klavyeyi dinlemeye başlıyoruz.
```js
const keys = {}
document.addEventListener('keydown', (event) => {
keys[event.key] = true
if (event.key.startsWith('Arrow')) event.preventDefault()
})
document.addEventListener('keyup', (event) => {
keys[event.key] = false
})
```const keys = {} → boş bir nesne. Tuş adları içine alan olarak eklenecek.document.addEventListener('keydown', (event) => { ... }) → "bir tuşa basılınca şu fonksiyonu çalıştır". Tarayıcı
fonksiyona olayı anlatan bir event (olay) nesnesi verir.event.key → basılan tuşun adı: 'ArrowUp', 'ArrowDown', 'a'...keys[event.key] = true → köşeli parantez, adı bir değişkenden gelen alana yazar. keys['ArrowUp'] = true ile
keys.ArrowUp = true aynı şey.event.key.startsWith('Arrow') → "ad Arrow ile mi başlıyor?" Öyleyse event.preventDefault() tarayıcının kendi
işini, yani sayfayı kaydırmayı engeller.'keyup' → tuş bırakılınca; o tuşa false yazar.let speed satırının altına const keys = {} yaz.function update() { satırının üstüne iki olay dinleyicisini (keydown ve keyup) yaz; update ile arada bir
boş satır kalsın.Beceriler: Klavye ve fare girdisi
← Hareket tek bir sayı Gaz pedalı →