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

Raketten sek

Ne yapıyoruz

Şimdi raket işe yarasın: top raketin üst yüzüne değince yukarı seksin. Topun değdiğini söylemek için birkaç şeyin aynı anda doğru olması gerekir:

1. Top aşağı gidiyor (az önce seken top ikinci kez yakalanmasın).
2. Topun alt kenarı rakete ulaştı, ama raketi fazla geçmedi (yanından kaçmış bir top geri çekilmesin).
3. Topun merkezi raketin sol ve sağ ucu arasında.

Bu uzun sorunun cevabını (doğru ya da yanlış) bir ada koyuyoruz: onPaddle ("raketin üstünde").

```js
const onPaddle =
  ball.vy > 0 &&
  ball.y + BALL_R >= PADDLE_Y &&
  ball.y + BALL_R <= PADDLE_Y + PADDLE_H + ball.vy &&
  ball.x >= paddle.x &&
  ball.x <= paddle.x + PADDLE_W
if (onPaddle) {
  ball.vy = -Math.abs(ball.vy)
  ball.y = PADDLE_Y - BALL_R
}
```

Ne işe yarıyor

• && → "ve": iki tarafı da doğruysa sonuç doğrudur. Beş parçayı && ile bağlayınca "hepsi doğru mu?" diye sormuş oluruz. >= "büyük veya eşit mi?", <= "küçük veya eşit mi?" demek.
• Uzun bir satırı okunur olsun diye bölebiliriz: satır sonunda && durdukça bilgisayar devam ettiğini anlar.
• ball.vy > 0 → top aşağı gidiyor.
• ball.y + BALL_R >= PADDLE_Y → topun alt kenarı raketin üst yüzüne ulaştı.
• ball.y + BALL_R <= PADDLE_Y + PADDLE_H + ball.vy → ama raketi en fazla bir karelik hareket kadar geçti.
• Son iki satır → topun merkezi raketin sol ucu ile sağ ucu arasında.
• ball.vy = -Math.abs(ball.vy) → eksisi atılıp başına eksi konan sayı her zaman eksidir: top yukarı gider.
• ball.y = PADDLE_Y - BALL_R → topu raketin tam üstüne oturtur.

Sıra sende

1. update içinde tavan if'inin kapanış }'i ile en alttaki if (ball.y - BALL_R > canvas.height) resetBall() satırının arasına raket kontrolünü yaz. Üstünde ve altında birer boş satır kalsın.
2. Her koşul satırı (sonuncusu hariç) && ile bitmeli.
3. Çalıştır: raketi topun altına getir, top yukarı sekmeli.

Beceriler: Çarpışma tespiti

← Açık zemin Raketle nişan al →

Tüm adımlar

1. Oyun alanı ve raket
2. Tekrar tekrar çiz
3. Sayıyı sınırlar içinde tut
4. Fareyi takip et
5. Başka boyda gösterilen canvas
6. Hızı olan bir top
7. Yuvarlak top çiz
8. Topu yürüt
9. Yan duvarlardan sek
10. Tavandan sek
11. Açık zemin
12. Raketten sek
13. Raketle nişan al
14. Bir sıra tuğla
15. Tuğlaları çiz
16. Koca bir duvar: döngü içinde döngü
17. Her sıraya bir renk
18. Daire kutuyla buluşuyor
19. Tuğla kır
20. Tuğlanın yanına çarpmak
21. Rakette bekle
22. Raketle birlikte git
23. Topu fırlat
24. Tıkla ya da Boşluk'a bas
25. Basılı tuşları hatırla
26. Ok tuşlarıyla sür
27. Üç can
28. Ekranda canlar ve bir ipucu
29. Oyun bitti
30. Puan tut
31. Puanı göster
32. Oyunu kazan
33. Yeni oyun için tek fonksiyon
34. Yeniden oyna
35. Bir avuç parçacık
36. Kıvılcımlara dönüş
37. Hareket et, düş ve kaybol
38. Solarak kaybol
39. Kendin yap: sağlam tuğlalar