Atölye › XOX › 21/33. adım
Tur bitince oyuncu bunu görmeli. Tahtayı yarı saydam siyahla karartıp ortasına kocaman X wins! (X kazandı),
O wins! ya da It's a draw (berabere) yazacağız.
Karartma, sinemada ışıkların kısılması gibi: tahta hâlâ görünür ama dikkat yazıya gider.
```js
if (result) {
ctx.fillStyle = 'rgba(0, 0, 0, 0.55)'
ctx.fillRect(0, 0, canvas.width, canvas.height)
ctx.fillStyle = 'white'
ctx.font = 'bold 28px sans-serif'
ctx.fillText(result === 'draw' ? "It's a draw" : result + ' wins!', canvas.width / 2, 140)
}
}
```if (result) { ... } → yalnız tur bittiyse çalışır. null yanlış sayılır.'rgba(0, 0, 0, 0.55)' → yarı saydam renk. İlk üç sayı kırmızı, yeşil, mavi miktarı (0–255; üçü de 0 ise
siyah), sonuncusu saydamlık (0 tamamen saydam, 1 tamamen dolu). %55 siyah tahtayı karartır, X ve O'lar hâlâ
seçilir.fillRect bütün tahtayı kaplar: karartma.'white' ve 'bold 28px sans-serif' → beyaz, kalın, 28 piksel yazı.result === 'draw' ? "It's a draw" : result + ' wins!' → kısa soru: berabereyse "It's a draw", değilse kazananın
adı + " wins!". + iki yazıyı yapıştırır: 'X' + ' wins!' → 'X wins!'."It's a draw" → çift tırnakla yazılır, çünkü içinde tek tırnak (') var.canvas.width / 2, 140 → yatayda tam orta (150), dikeyde 140.draw içinde board.forEach(...) bloğunun kapanan }) işaretinin altına bir boş satır bırak.if bloğunu fonksiyonun son } işaretinin üstüne yaz.X wins! ya da O wins! yazmalı.Beceriler: Canvas üzerine çizim, Oyun durumları
← Tur biter Kazanan çizgiyi parlat →