Atölye › Pong › 9/26. adım
Her oyunun iki işi vardır: güncelle (durumu değiştir) ve çiz (göster). Şimdi güncelleyen fonksiyonu yazıyoruz:
update.
Her karede tuş notlarına bakar: W basılıysa sol raket yukarı, S basılıysa aşağı; oklar da sağ raketi oynatır. Karede 6 piksel: saniyede 360 piksel, sahayı bir saniyede geçer.
```js
const PADDLE_SPEED = 6
function update() {
if (keys.w) left.y -= PADDLE_SPEED
if (keys.s) left.y += PADDLE_SPEED
if (keys.ArrowUp) right.y -= PADDLE_SPEED
if (keys.ArrowDown) right.y += PADDLE_SPEED
}
function loop() {
update()
draw()
```const PADDLE_SPEED = 6 → raket her karede 6 piksel gider.if (keys.w) left.y -= PADDLE_SPEED → eğer W basılıysa sol raketin y'sinden 6 çıkar. -= "üstünden çıkar": y
küçülür, raket yukarı gider (canvas'ta y aşağı büyür).+= → "üstüne ekle": aşağı.keys.ArrowUp → keys notunda yukarı okun alanı. Tuş hiç basılmadıysa alan yoktur (undefined), yanlış sayılır.loop içinde update() → her karede önce durumu değiştir, sonra draw() ile göster.const PADDLE_H = 80 satırının altına PADDLE_SPEED satırını yaz.function draw() { satırının üstüne update fonksiyonunu ve bir boş satır yaz.loop içinde draw() satırının üstüne update() yaz.W/S ve ↑/↓ tuşlarını basılı tut.Beceriler: Klavye ve fare girdisi, Oyun durumları
← Basılı tuşları hatırla Sahada kal →