Atölye › Klondike Solitaire › 35/40. adım
Kazanınca oyuncu bunu görmeli: masanın ortasına yarı saydam koyu bir pano ve üstüne "You won in 120 moves!" yazacağız. Saat de durmalı; yoksa kazandıktan sonra süre işlemeye devam eder.
```js
if (won) {
ctx.fillStyle = 'rgba(15, 23, 42, 0.85)'
ctx.fillRect(60, 240, canvas.width - 120, 80)
ctx.fillStyle = 'white'
ctx.textAlign = 'center'
ctx.font = 'bold 22px sans-serif'
ctx.fillText('You won in ' + moves + ' moves!', canvas.width / 2, 275)
ctx.font = '15px sans-serif'
ctx.fillText('Tap for a new game', canvas.width / 2, 302)
}
function loop() {
if (!won) frames += 1
```if (won) { ... } → yalnız kazanılmışsa çiz.'rgba(15, 23, 42, 0.85)' → yüzde 85 görünür koyu lacivert; arkasındaki kartlar hafifçe seçilir.ctx.fillRect(60, 240, canvas.width - 120, 80) → iki yandan 60'ar piksel içeride (480 − 120 = 360 genişlik), 80
piksel yüksekliğinde pano.textAlign = 'center' ve canvas.width / 2 → yazılar canvas'ın tam ortasında.'You won in ' + moves + ' moves!' → yazı, sayı, yazı birleşir: You won in 120 moves!.loop içinde if (!won) frames += 1 → kazanılmadıysa say; kazanınca saat durur.draw içinde ctx.fillText('Moves ' + ...) satırının altına if (won) { ... } bloğunu yaz.loop içinde frames += 1 satırının başına if (!won) ekle.Beceriler: Oyun durumları, Canvas üzerine çizim