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

Hızı olan bir top

Ne yapıyoruz

Sıra topta. Topun iki çift bilgisi olacak:

konum: x, y (top nerede?)
hız: vx, vy (her karede x ve y ne kadar değişecek?)

Topu başlangıç yerine koyan satırı resetBall (topu sıfırla) adlı bir fonksiyona yazıyoruz, çünkü top düşünce de aynı şeyi yapacağız. Bu adımda top henüz görünmeyecek; önce bilgisini hazırlıyoruz.

```js
const BALL_R = 7

let ball

function resetBall() {
  ball = { x: 240, y: 200, vx: 3, vy: -4 }
}
```

Ne işe yarıyor

const BALL_R = 7 → topun yarıçapı 7 piksel. Top bir daire olduğu için x, y onun merkezi olacak; raketin x'i ise sol kenarıydı. Bu farkı aklında tut.
let ball → değişkeni değersiz tanımlar. Değerini resetBall() verecek. En üstte tanımlıyoruz ki bütün fonksiyonlar onu görebilsin.
ball = { x: 240, y: 200, vx: 3, vy: -4 } → top alanın ortasında (240, 200). vx: 3 her karede 3 piksel sağa, vy: -4 her karede 4 piksel yukarı demek (y aşağı doğru büyüdüğü için eksi yukarıdır).

Sıra sende

const PADDLE_Y = 370 satırının altına const BALL_R = 7 yaz.
let paddle = { x: 200 } satırının altına let ball yaz.
clamp fonksiyonunun kapanış }'inin altına bir boş satır bırak ve resetBall fonksiyonunu yaz.
Çalıştır: ekranda değişiklik yok, kontroller yeşil olmalı.

Beceriler: Hız ve yerçekimi, Oyun durumları

← Başka boyda gösterilen canvas Yuvarlak top çiz →

Hızı olan bir top

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar