diff options
Diffstat (limited to 'html/rogue/js/game.js')
-rw-r--r-- | html/rogue/js/game.js | 51 |
1 files changed, 27 insertions, 24 deletions
diff --git a/html/rogue/js/game.js b/html/rogue/js/game.js index f84d670..b57cb6d 100644 --- a/html/rogue/js/game.js +++ b/html/rogue/js/game.js @@ -38,33 +38,36 @@ function drawHex(ctx, x, y, hex) { return; } - // Only draw hex if it's been revealed - if (FogOfWar.isRevealed(hex)) { - ctx.beginPath(); - for (let i = 0; i < 6; i++) { - const angle = 2 * Math.PI / 6 * i; - const xPos = screenX + HexGrid.SIZE * Math.cos(angle); - const yPos = screenY + HexGrid.SIZE * Math.sin(angle); - if (i === 0) { - ctx.moveTo(xPos, yPos); - } else { - ctx.lineTo(xPos, yPos); - } - } - ctx.closePath(); - - ctx.fillStyle = Config.colors.HEX_FILL; - ctx.fill(); - - // Draw border with appropriate color based on visibility - if (!FogOfWar.isVisible(hex)) { - ctx.strokeStyle = 'rgba(0, 0, 0, 0.25)'; + // Skip drawing completely if hex hasn't been revealed + if (!FogOfWar.isRevealed(hex)) { + return; + } + + // Draw the hex + ctx.beginPath(); + for (let i = 0; i < 6; i++) { + const angle = 2 * Math.PI / 6 * i; + const xPos = screenX + HexGrid.SIZE * Math.cos(angle); + const yPos = screenY + HexGrid.SIZE * Math.sin(angle); + if (i === 0) { + ctx.moveTo(xPos, yPos); } else { - ctx.strokeStyle = HexGrid.COLOR; // Normal grid color + ctx.lineTo(xPos, yPos); } - ctx.lineWidth = 1; - ctx.stroke(); } + ctx.closePath(); + + ctx.fillStyle = Config.colors.HEX_FILL; + ctx.fill(); + + // Draw border with appropriate color based on visibility + if (!FogOfWar.isVisible(hex)) { + ctx.strokeStyle = 'rgba(0, 0, 0, 0.25)'; + } else { + ctx.strokeStyle = HexGrid.COLOR; // Normal grid color + } + ctx.lineWidth = 1; + ctx.stroke(); } function gameLoop(currentTime) { |