Atölye › Tetris Tarzı Bloklar › 21/32. adım
Oyuncu oyunun bittiğini görmeli. Düşen parçayı yalnız oyun sürerken çiziyoruz; oyun bitince kuyunun ortasında yarı saydam koyu bir şerit ve üstünde Game Over yazısı çıkıyor.
```js
if (state === 'playing') {
drawShape(piece.shape, piece.x, piece.y)
}
if (state === 'over') {
ctx.fillStyle = 'rgba(0, 0, 0, 0.7)'
ctx.fillRect(0, 180, COLS * CELL, 110)
ctx.fillStyle = 'white'
ctx.textAlign = 'center'
ctx.font = 'bold 28px sans-serif'
ctx.fillText('Game Over', (COLS * CELL) / 2, 225)
ctx.font = '14px sans-serif'
ctx.fillText('Press Space to play again', (COLS * CELL) / 2, 260)
}
```if (state === 'playing') { ... } → parça yalnız oyun sürerken çizilir.'rgba(0, 0, 0, 0.7)' → kırmızı, yeşil, mavi 0 (siyah); son sayı saydamlık: 0.7 yani %70 kapak. Arkası hafif
görünen koyu bir şerit.ctx.fillRect(0, 180, COLS * CELL, 110) → kuyunun ortasında, kuyu eninde 110 piksellik şerit.ctx.font = 'bold 28px sans-serif' → yazı tipi ve boyu. ctx.textAlign = 'center' → yazıyı verilen x'e ortala.ctx.fillText('Game Over', (COLS * CELL) / 2, 225) → yazıyı kuyunun ortasına (x = 120) yazar.draw içindeki son satırı, drawShape(piece.shape, piece.x, piece.y), sil; yerine koddaki satırları yaz
(draw'ı kapatan } en sonda kalsın).Beceriler: Canvas üzerine çizim
← Yığın tepeye ulaşınca Yeniden oyna →