Atölye › Doodle Jump Tarzı Tırmanış › 12/24. adım

Duvardaki çizgiler

Ne yapıyoruz

Düz bir arka planda tırmandığını hissedemezsin. Dünyaya sabit, her 40 pikselde bir silik çizgiler çekelim; bir duvardaki çizgiler gibi. Kamera yükseldikçe çizgiler aşağı kayar ve hareket hissi doğar.

```js
// Faint lines fixed to the world, so you can see the climb even between platforms.
ctx.fillStyle = '#e2e8f0'
for (let y = ((-cameraY % 40) + 40) % 40; y < canvas.height; y += 40) ctx.fillRect(0, y, canvas.width, 1)
```

Ne işe yarıyor

Çizgiler dünyada 40'ın katı yüksekliklerde. Ekranda ilk çizginin yeri: -cameraY'nin 40'a bölümünden kalan.
JavaScript'te eksi bir sayının % 40'ı eksi çıkar (ör. -10 % 40 = -10). + 40 ekleyip yeniden % 40 almak onu 0–39 arasına getirir (-10 → 30).
for (...; y < canvas.height; y += 40) → oradan ekranın altına kadar her 40 pikselde 1 piksellik bir çizgi.

Sıra sende

draw içinde arka planın altına bir boş satır bırakıp yorumu ve iki satırı yaz. Çalıştır ve tırman.

Beceriler: Canvas üzerine çizim

← Takip eden kamera Ne kadar zor olsun? →

Tüm adımlar