Atölye › Dört Bağla › 3/38. adım
Tahtada 7 sütun ve 6 satır var; her hücre 64 × 64 piksel. Tahta tuvalin tepesinden 96 piksel aşağıda başlıyor; üstteki boşlukta ileride yazılar ve bırakılmayı bekleyen disk duracak.
Bu sayılara ad veriyoruz ve mavi tahtayı boyuyoruz. Sayıları her yere tek tek yazmak yerine ad kullanmak, kodu hem okunur hem de kolay değiştirilir yapar.
```js
const COLS = 7
const ROWS = 6
const CELL = 64
const TOP = 96 // room above the board for the messages and the next disc
ctx.fillStyle = '#1d4ed8'
ctx.fillRect(0, TOP, COLS * CELL, ROWS * CELL)
```COLS = 7 → sütun sayısı, ROWS = 6 → satır sayısı, CELL = 64 → bir hücrenin kenarı (piksel).TOP = 96 → tahtanın üstünde bırakılan boşluk. //'den sonrası bir yorum: bilgisayar okumaz.ctx.fillStyle = '#1d4ed8' → mavi.ctx.fillRect(0, TOP, COLS * CELL, ROWS * CELL) → soldan 0, üstten 96'dan başlayan bir dikdörtgen. * çarpma demek:
eni 7 × 64 = 448, boyu 6 × 64 = 384.const ctx = ... satırının altına bir boş satır bırakıp dört sabiti yaz.draw içinde arka planı boyayan fillRect satırının altına bir boş satır bırakıp iki mavi satırı yaz.Beceriler: Canvas üzerine çizim
← Çizen bir fonksiyon Bir delik →