Atölye › Pinball › 16/42. adım

Üç tampon

Ne yapıyoruz

Pinball'un en sevilen parçası tamponlar (bumper): topa çarpınca onu hızla geri iten kırmızı, yuvarlak direkler. Önce onları yerleştirip çiziyoruz; çarpışma sonraki adımda.

Her tampon bir daire: merkezi (x, y) ve yarıçapı (r). Üçünü bir listede tutuyoruz: BUMPERS.

```js
const BUMPERS = [
  { x: 100, y: 160, r: 22 },
  { x: 200, y: 120, r: 22 },
  { x: 280, y: 280, r: 22 },
]

  BUMPERS.forEach((b) => {
    ctx.fillStyle = '#e11d48'
    ctx.beginPath()
    ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2)
    ctx.fill()
  })
```

Ne işe yarıyor

const BUMPERS = [ ... ] → nesnelerden oluşan bir liste. Her nesne bir tampon: x, y merkezi, r yarıçapı (22 piksel).
BUMPERS.forEach((b) => { ... }) → forEach "her biri için": listedeki her tampon için süslü parantez içini çalıştırır ve o tamponu b adıyla verir. for (const b of BUMPERS) ile aynı işi yapar; iki yazımı da göreceksin.
ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2) → tamponun merkezinde, kendi yarıçapıyla tam bir daire.
Tamponlar topun çizgisinden önce çiziliyor: sonra çizilen üstte görünür, top tamponların üstünden geçerken kaybolmasın.

Sıra sende

WALLS listesinin kapanan ] satırının hemen altına BUMPERS listesini yaz.
draw içinde topu çizen ctx.fillStyle = '#e7e5e4' satırının üstüne forEach bloğunu yaz.
Çalıştır: masada üç kırmızı tampon görmelisin. Top şimdilik onların içinden geçer.

Beceriler: Diziler ve nesneler, Canvas üzerine çizim

← Sıradaki top Top tampona çarpıyor →

Üç tampon

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar