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

Add blue debug lines for wheel spokes

Browse Source 
- Draw blue lines along each spoke
- Show circles at spoke endpoints
- Visualize spoke positioning and angles

🤖 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 05:26:55 +01:00
parent 7e1a2de6aa
commit 8c1a7f0079
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/scenes/ShipDeckScene.js
View File

@@ -239,6 +239,9 @@ export default class ShipDeckScene extends Phaser.Scene {
wheel.setStrokeStyle(4, 0x654321); wheel.setStrokeStyle(4, 0x654321);
// Wheel spokes // Wheel spokes
const spokeDebug = this.add.graphics();
spokeDebug.lineStyle(2, 0x0000FF, 0.8);
for (let i = 0; i < 8; i++) { for (let i = 0; i < 8; i++) {
const angle = (i * 45) * Math.PI / 180; const angle = (i * 45) * Math.PI / 180;
const x1 = 550 + Math.cos(angle) * 15; const x1 = 550 + Math.cos(angle) * 15;
@@ -246,6 +249,12 @@ export default class ShipDeckScene extends Phaser.Scene {
const x2 = 550 + Math.cos(angle) * 35; const x2 = 550 + Math.cos(angle) * 35;
const y2 = 200 + Math.sin(angle) * 35; const y2 = 200 + Math.sin(angle) * 35;
this.add.line(0, 0, x1, y1, x2, y2, 0x654321).setLineWidth(3); this.add.line(0, 0, x1, y1, x2, y2, 0x654321).setLineWidth(3);
// Debug: Draw blue lines showing spoke endpoints
spokeDebug.lineBetween(x1, y1, x2, y2);
// Draw circles at endpoints
spokeDebug.strokeCircle(x1, y1, 3);
spokeDebug.strokeCircle(x2, y2, 3);
} }
wheel.on('pointerdown', () => { wheel.on('pointerdown', () => {