admin/whalehunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update barrel centering to use actual deck edges

Browse Source 
- Store deckTopEdge and deckBottomEdge as properties
- Use these edges for barrel vertical centering
- Barrels now align with border dimensions
- Both fuel and oil barrels properly centered

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Thomas Richter
2025-12-17 04:18:02 +01:00
parent 26257fe13e
commit 5290cd2f8c
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/scenes/ShipDeckScene.js
View File

@@ -58,12 +58,12 @@ export default class ShipDeckScene extends Phaser.Scene {
.setStrokeStyle(2, 0x3d2817); .setStrokeStyle(2, 0x3d2817);
} }
// Draw border around deck // Calculate actual deck edges (including plank height)
const plankHeight = 25; const plankHeight = 25;
const deckTopEdge = this.deckTopY - (plankHeight / 2); this.deckTopEdge = this.deckTopY - (plankHeight / 2);
const deckBottomEdge = this.deckBottomY + (plankHeight / 2); this.deckBottomEdge = this.deckBottomY + (plankHeight / 2);
const deckHeight = deckBottomEdge - deckTopEdge; const deckHeight = this.deckBottomEdge - this.deckTopEdge;
const deckCenterY = (deckTopEdge + deckBottomEdge) / 2; const deckCenterY = (this.deckTopEdge + this.deckBottomEdge) / 2;
const deckBorder = this.add.rectangle(this.deckCenterX, deckCenterY, this.deckWidth, deckHeight); const deckBorder = this.add.rectangle(this.deckCenterX, deckCenterY, this.deckWidth, deckHeight);
deckBorder.setStrokeStyle(4, 0x3d2817); deckBorder.setStrokeStyle(4, 0x3d2817);
@@ -121,8 +121,8 @@ export default class ShipDeckScene extends Phaser.Scene {
const leftHalfCenter = this.deckLeftX + (this.deckWidth / 4); const leftHalfCenter = this.deckLeftX + (this.deckWidth / 4);
const baseX = leftHalfCenter - (groupWidth / 2) + (horizontalSpacing / 2); const baseX = leftHalfCenter - (groupWidth / 2) + (horizontalSpacing / 2);
// Center vertically on deck // Center vertically on deck (using actual deck edges)
const deckVerticalCenter = this.deckTopY + ((this.deckBottomY - this.deckTopY) / 2); const deckVerticalCenter = (this.deckTopEdge + this.deckBottomEdge) / 2;
const baseY = deckVerticalCenter + (groupHeight / 2); const baseY = deckVerticalCenter + (groupHeight / 2);
// Create barrels in stacking pattern // Create barrels in stacking pattern
@@ -179,8 +179,8 @@ export default class ShipDeckScene extends Phaser.Scene {
const rightHalfCenter = this.deckCenterX + (this.deckWidth / 4); const rightHalfCenter = this.deckCenterX + (this.deckWidth / 4);
const baseX = rightHalfCenter - (groupWidth / 2) + (horizontalSpacing / 2); const baseX = rightHalfCenter - (groupWidth / 2) + (horizontalSpacing / 2);
// Center vertically on deck // Center vertically on deck (using actual deck edges)
const deckVerticalCenter = this.deckTopY + ((this.deckBottomY - this.deckTopY) / 2); const deckVerticalCenter = (this.deckTopEdge + this.deckBottomEdge) / 2;
const baseY = deckVerticalCenter + (groupHeight / 2); const baseY = deckVerticalCenter + (groupHeight / 2);
// Create barrels in stacking pattern // Create barrels in stacking pattern