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

Dokunarak yönlendir

Ne yapıyoruz

Telefonda: parmağı ekranın sol yarısında tutmak sola, sağ yarısında tutmak sağa yönlendirsin. İşin güzeli, dokunuş keys içinde ilgili ok tuşunu "basılı" yapıyor; update'i hiç değiştirmemize gerek yok.

```js
// Touch: hold the left or right half of the game to steer.
canvas.addEventListener('pointerdown', (event) => {
  const rect = canvas.getBoundingClientRect()
  const left = event.clientX - rect.left < rect.width / 2
  keys[left ? 'ArrowLeft' : 'ArrowRight'] = true
})
function stopSteering() {
  keys.ArrowLeft = false
  keys.ArrowRight = false
}
canvas.addEventListener('pointerup', stopSteering)
canvas.addEventListener('pointercancel', stopSteering)
```

Ne işe yarıyor

event.clientX - rect.left < rect.width / 2 → dokunuş canvas'ın (ekranda göründüğü hâliyle) sol yarısında mı?
keys[left ? 'ArrowLeft' : 'ArrowRight'] = true → o tarafın ok tuşunu "basılı" yap.
stopSteering → iki oku da bırak. Parmak kalkınca (pointerup) ya da tarayıcı dokunuşu iptal edince (pointercancel, ör. bir bildirim gelince) çalışır.

Sıra sende

keyup dinleyicisinin altına bir boş satır bırakıp yorumu ve dokunma satırlarını yaz. Çalıştır.

Beceriler: Klavye ve fare girdisi

← Yarısı burada, yarısı orada Platformlar →

Tüm adımlar