Atölye › Doodle Jump Tarzı Tırmanış › 5/24. adım

Sağa sola yönlendir

Ne yapıyoruz

Sekerken ok tuşları zıplayanı yana kaydırsın. Bir keys (tuşlar) nesnesi hangi tuşların basılı olduğunu hatırlasın; her karede zıplayan basılı oka doğru 5 piksel kaysın.

```js
const SPEED = 5 // sideways pixels per frame

const keys = {}

document.addEventListener('keydown', (event) => {
  keys[event.key] = true
  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') event.preventDefault()
})
document.addEventListener('keyup', (event) => {
  keys[event.key] = false
})

  const direction = (keys.ArrowRight ? 1 : 0) - (keys.ArrowLeft ? 1 : 0)
  player.x += direction * SPEED
```

Ne işe yarıyor

keys[event.key] = true → basılan tuşun adıyla bir alan: keys.ArrowLeft = true. Bırakınca false. Böylece bir tuşun şu anda basılı olup olmadığını biliriz.
(keys.ArrowRight ? 1 : 0) - (keys.ArrowLeft ? 1 : 0) → sağ basılıysa 1, sol basılıysa -1, ikisi de ya da hiçbiri basılı değilse 0.
player.x += direction * SPEED → o yöne 5 piksel.
event.preventDefault() → ok tuşları sayfayı kaydırmasın.

Sıra sende

JUMP satırının altına SPEED satırını yaz.
player satırının altına keys nesnesini ve iki tuş dinleyicisini yaz.
update'in en üstüne iki yönlendirme satırını ve bir boş satır yaz.
Çalıştır, oyuna tıkla ve oklarla yönlendir.

Beceriler: Klavye ve fare girdisi

← Sek Kenarlardan geç →

Sağa sola yönlendir

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar