Atölye › Bilardo › 27/33. adım

Geri çek ve bırak

Ne yapıyoruz

Sapanı tamamlıyoruz: basınca çekmeye başla (dragging), parmak kıpırdadıkça çekmeye devam et, bırakınca vur.

Bırakmayı canvas yerine sayfada (document) dinliyoruz: parmak canvas'ın dışında kalksa bile vuruş olur. Çok kısa bir çekiş (güç 1'in altı) vuruş sayılmaz; yanlışlıkla bir dokunuş topa vurmasın.

```js
let dragging

  dragging = false

  dragging = true

canvas.addEventListener('pointermove', (event) => {
  if (dragging) pull(toCanvas(event))
})

document.addEventListener('pointerup', () => {
  if (!dragging) return
  dragging = false
  if (power >= 1) shoot()
})
```

Ne işe yarıyor

Sıra sende

  1. let power satırının altına let dragging yaz.
  2. reset içinde power = 8 satırının altına dragging = false yaz.
  3. pointerdown içinde pull(toCanvas(event)) satırının üstüne dragging = true yaz.
  4. pointerdown dinleyicisinin altına, aralarda birer boş satır bırakarak pointermove ve pointerup dinleyicilerini yaz.
  5. Çalıştır: topun arkasına bas, geri çek ve bırak!

Beceriler: Klavye ve fare girdisi

Tüm adımlar

  1. Oda
  2. Masa
  3. İsteka topu
  4. Topları çiz
  5. Üçgen
  6. Topların numaraları
  7. Nişan çizgisi
  8. Nişanı çevir
  9. Vuruş bir hızdır
  10. Yuvarlan
  11. Sürtünme
  12. Bantlar
  13. Nişan ve yuvarlanma
  14. Yuvarlanırken nişanı gizle
  15. Vuruşları say
  16. Değen toplar
  17. İtişi değiş tokuş et
  18. Altı cep
  19. Cebe girdi
  20. Faul
  21. Kalan toplar
  22. Masayı temizle
  23. Gücü seç
  24. Güç çubuğu
  25. Sapan
  26. Basarak nişan al
  27. Geri çek ve bırak
  28. Daha küçük adımlar
  29. Vuruşu tahmin et
  30. Hayalet topu çiz
  31. Çarpılan top nereye gider
  32. Rekorun
  33. Kendin yap: iki oyuncu