brianfertig
/
fertig-classic-games
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(civilization): enable terrain sheet and adjust HUD button layout 

- Set terrainSheet path to actual image file in artwork configuration
- Update civilization-terrain.png sprite sheet
- Reposition top-right HUD buttons 100px left for better spacing
This commit is contained in:
Brian Fertig 2026-07-15 20:03:37 -06:00
parent 9f7bac9787
commit 1261f7149b
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/civilization/civilization-terrain.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 198 KiB

After

Width:  |  Height:  |  Size: 164 KiB

BIN
assets/images/civilization/civilization-terrain.psd
View File

Binary file not shown.

2
data/civilization-artwork.json
View File

@ -8,7 +8,7 @@
"(units[].frame, terrains[].frame, specials[].frame) — append-only, never renumber.",
"citySheets is keyed by theme. Adding e.g. an `asian` entry makes it selectable with no code change."
],
"terrainSheet": { "key": "civilization-terrain", "path": null, "frameWidth": 128, "frameHeight": 96 },
"terrainSheet": { "key": "civilization-terrain", "path": "assets/images/civilization/civilization-terrain.png", "frameWidth": 128, "frameHeight": 96 },
"resourceSheet": { "key": "civilization-resources", "path": null, "frameWidth": 64, "frameHeight": 64 },
"improvementSheet": { "key": "civilization-improvements", "path": null, "frameWidth": 64, "frameHeight": 64 },
"unitSheet": { "key": "civilization-units", "path": null, "frameWidth": 64, "frameHeight": 64 },

10
src/games/civilization/CivilizationGame.js
View File

@ -284,11 +284,11 @@ export default class CivilizationGame extends Phaser.Scene {
this.hudRoot.add(b);
return b;
};
mkBtn(GAME_WIDTH - 760, 'TECH', () => this.openTech());
mkBtn(GAME_WIDTH - 600, 'DIPLOMACY', () => this.openDiplomacy(), 170);
mkBtn(GAME_WIDTH - 430, 'SPACESHIP', () => this.openSpaceship(), 170);
mkBtn(GAME_WIDTH - 270, 'MENU', () => this.openMenu(), 120);
this.endTurnBtn = new Button(this, GAME_WIDTH - 110, 28, 'END TURN', () => this.onEndTurn(),
mkBtn(GAME_WIDTH - 860, 'TECH', () => this.openTech());
mkBtn(GAME_WIDTH - 700, 'DIPLOMACY', () => this.openDiplomacy(), 170);
mkBtn(GAME_WIDTH - 530, 'SPACESHIP', () => this.openSpaceship(), 170);
mkBtn(GAME_WIDTH - 370, 'MENU', () => this.openMenu(), 120);
this.endTurnBtn = new Button(this, GAME_WIDTH - 210, 28, 'END TURN', () => this.onEndTurn(),
{ width: 180, height: 42, fontSize: 18, bg: COLORS.gold, textColor: COLORS.textDarkHex });
this.hudRoot.add(this.endTurnBtn);