Atölye › Kule Savunması › 18/42. adım

Menzili göster

Ne yapıyoruz

Aydınlanan karenin çevresine ince bir çember çizelim: oraya kurulacak kulenin ne kadar uzağı vurabileceğini (menzilini) göstersin. Ok kulesi için 2.5 kare. Oyuncu kuleyi yolun kıvrımlarına göre yerleştirebilir.

```js
ctx.strokeStyle = 'rgba(255, 255, 255, 0.6)'
ctx.beginPath()
ctx.arc((hover.col + 0.5) * TILE, TOP + (hover.row + 0.5) * TILE, TOWERS[selected].range * TILE, 0, Math.PI * 2)
ctx.stroke()
```

Ne işe yarıyor

ctx.strokeStyle = 'rgba(255, 255, 255, 0.6)' → çizgi rengi: yarı saydam beyaz. fillStyle içi, strokeStyle kenarı boyar.
ctx.arc(...) → karenin ortasından, yarıçapı TOWERS[selected].range * TILE (2.5 × 40 = 100 piksel) olan tam tur çember.
ctx.stroke() → çemberin yalnız kenarını çizer; içi boş kalır.

Sıra sende

draw içindeki if (hover) bloğunda fillRect satırının altına dört çember satırını yaz.
Çalıştır ve fareyi gezdir: karenin çevresinde ince bir çember olmalı.

Beceriler: Canvas üzerine çizim

← Tıklamadan önce göster Hedef seç →

Tüm adımlar