Fix map width - reduce HEX_SIZE to 16 for full map visibility
This commit is contained in:
@@ -7,7 +7,7 @@ import { HexMap, CELL_TYPES } from './map.js';
|
|||||||
import { AIBot } from './ai-bot.js';
|
import { AIBot } from './ai-bot.js';
|
||||||
|
|
||||||
// Game constants
|
// Game constants
|
||||||
const HEX_SIZE = 18;
|
const HEX_SIZE = 16;
|
||||||
const MAP_SIZE = 20;
|
const MAP_SIZE = 20;
|
||||||
const ANIMATION_DURATION = 300;
|
const ANIMATION_DURATION = 300;
|
||||||
|
|
||||||
@@ -202,7 +202,7 @@ class GameUI {
|
|||||||
// Rightmost hex (q=19, r=19): x = HEX_SIZE * sqrt3 * (19 + 19/2) = HEX_SIZE * sqrt3 * 28.5
|
// Rightmost hex (q=19, r=19): x = HEX_SIZE * sqrt3 * (19 + 19/2) = HEX_SIZE * sqrt3 * 28.5
|
||||||
// Leftmost hex (q=0, r=0): x = 0
|
// Leftmost hex (q=0, r=0): x = 0
|
||||||
// Add padding for full hex visibility (hex radius on each side)
|
// Add padding for full hex visibility (hex radius on each side)
|
||||||
const hexPadding = HEX_SIZE * 1.5; // Extra padding for hex radius
|
const hexPadding = HEX_SIZE * 2; // Extra padding for hex radius
|
||||||
|
|
||||||
const mapWidth = HEX_SIZE * sqrt3 * ((MAP_SIZE - 1) + (MAP_SIZE - 1) / 2);
|
const mapWidth = HEX_SIZE * sqrt3 * ((MAP_SIZE - 1) + (MAP_SIZE - 1) / 2);
|
||||||
const mapHeight = HEX_SIZE * 1.5 * (MAP_SIZE - 1);
|
const mapHeight = HEX_SIZE * 1.5 * (MAP_SIZE - 1);
|
||||||
|
|||||||
Reference in New Issue
Block a user