Atölye › Dört Bağla › 14/38. adım
Tahtanın üstünde, farenin olduğu sütunun üzerinde sıradaki disk beklesin; rengi sırası gelen oyuncunun rengi. Böylece tıklamadan önce diskin nereye düşeceğini görürsün.
```js
canvas.addEventListener('pointermove', (event) => {
hoverCol = colAt(event)
})
// The next disc waits above the column it would drop into.
disc(hoverCol * CELL + CELL / 2, TOP - CELL / 2, COLORS[turn])
```'pointermove' → fare canvas'ın üstünde hareket edince olur; her seferinde hoverCol'u güncelleriz.hoverCol * CELL + CELL / 2 → seçili sütunun ortası.TOP - CELL / 2 → tahtanın yarım hücre üstü: 96 - 32 = 64.COLORS[turn] → sırası gelen oyuncunun rengi.canvas.addEventListener('pointerdown', ... satırının üstüne pointermove dinleyicisini yaz.draw içinde ctx.fillStyle = '#1d4ed8' satırının üstüne yorum satırını ve disk satırını yaz; altında bir boş
satır kalsın.Beceriler: Klavye ve fare girdisi, Canvas üzerine çizim
← Tıklayarak oyna Sıra kimde? →