Atölye › Bilardo › 18/33. adım

Altı cep

Ne yapıyoruz

Bilardo masasında altı cep var: dört köşe ve uzun kenarların ortaları. Her cebi iki sayılık küçük bir diziyle tutacağız: [x, y]. Bu adımda cepleri koyu daireler olarak çiziyoruz; bir sonraki adımda toplar içine düşecek.

```js
const POCKETS = [
  [LEFT, TOP], [240, TOP], [RIGHT, TOP],
  [LEFT, BOTTOM], [240, BOTTOM], [RIGHT, BOTTOM],
]
const POCKET_R = 15

  for (const [px, py] of POCKETS) {
    ctx.fillStyle = '#020617'
    ctx.beginPath()
    ctx.arc(px, py, POCKET_R, 0, Math.PI * 2)
    ctx.fill()
  }
```

Ne işe yarıyor

const POCKETS = [ ... ] → altı cep, her biri [x, y]: çuhanın dört köşesi ve üst ile alt kenarın ortası (x = 240). İki satıra bölünmüş: üst sıra ve alt sıra.
const POCKET_R = 15 → cebin yarıçapı; toptan (9) büyük.
for (const [px, py] of POCKETS) → her cep için; dizi ayrıştırma ile çiftin ilk sayısı px'e, ikincisi py'ye.
Cepler çuhadan hemen sonra, toplardan önce çizilir.

Sıra sende

COLORS satırının altına POCKETS ve POCKET_R satırlarını yaz.
draw içinde çuhayı çizen fillRect satırının hemen altına cep döngüsünü yaz.
Çalıştır: köşelerde ve uzun kenarların ortasında koyu cepler görmelisin.

Beceriler: Canvas üzerine çizim, Diziler ve nesneler

← İtişi değiş tokuş et Cebe girdi →

Altı cep

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar