Atölye › Tuğla Kırma › 24/39. adım

Tıkla ya da Boşluk'a bas

Ne yapıyoruz

Şimdi launch'u oyuncuya bağlayalım: canvas'a tıklamak (telefonda dokunmak) ya da Boşluk tuşuna basmak topu fırlatsın. İki ayrı yol, tek bir fonksiyon. Oyun yeniden oynanabilir hâle geliyor!

```js
canvas.addEventListener('pointerdown', launch)

document.addEventListener('keydown', (event) => {
  if (event.key === ' ') launch()
})
```

Ne işe yarıyor

canvas.addEventListener('pointerdown', launch) → canvas'a basıldığında (fare tıklaması ya da dokunma) launch'u çalıştır. launch'u parantezsiz veriyoruz: "şimdi çalıştır" değil, "basılınca sen çalıştır".
document.addEventListener('keydown', ...) → sayfanın tamamında bir tuşa basıldığında çalışır.
event.key === ' ' → basılan tuş Boşluk mu? Boşluk tuşunun adı tırnak içinde tek bir boşluktur.

Sıra sende

pointermove dinleyicisinin kapanış })'inin hemen altına pointerdown satırını, bir boş satırdan sonra da keydown dinleyicisini yaz. Çalıştır, sonra oyuna tıkla: top fırlamalı. Kaçırınca rakete geri dönmeli.

Beceriler: Klavye ve fare girdisi

← Topu fırlat Basılı tuşları hatırla →

Tüm adımlar