jozamudi/battle-royal-tetris
1
0
Fork 0
Code Issues Pull Requests Activity

Make ghost piece outlines more vibrant

Browse Source 
- Increase border opacity from 50% to 80%
- Increase fill opacity from 12.5% to 25%
- Thicken border from 2px to 3px
This commit is contained in:
Josue Zamudio
2026-03-20 09:41:14 -07:00
parent 164ed790ed
commit 94b524bcd7
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/renderer.js
+5 -5
View File
@@ -233,13 +233,13 @@ class TetrisRenderer {
const px = x * CELL_SIZE;
const py = y * CELL_SIZE;
// Semi-transparent fill with outlined border effect
ctx.strokeStyle = color + '80'; // 50% opacity border
ctx.lineWidth = 2;
// Vibrant outlined border effect
ctx.strokeStyle = color + 'cc'; // 80% opacity border
ctx.lineWidth = 3;
ctx.strokeRect(px + 2, py + 2, CELL_SIZE - 4, CELL_SIZE - 4);
// Light fill inside
ctx.fillStyle = color + '20'; // 12.5% opacity
// More visible fill inside
ctx.fillStyle = color + '40'; // 25% opacity
ctx.fillRect(px + 3, py + 3, CELL_SIZE - 6, CELL_SIZE - 6);
}