pierre/hockey-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make hit effect size configurable and adjust visual styling

Browse Source 
- Add size parameter to drawHitEffect() with proportional inner/outer radii
- Reduce hit effect duration from 500ms to 200ms for faster animation
- Change hit effect color to semi-transparent black and reduce size to 10

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Pierre Wessman 2025-09-19 11:07:50 +02:00
parent 8674e65432
commit 9286b28192
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/engine/game-engine.js
View File

@ -220,7 +220,7 @@ class GameEngine {
this.addEffect({
type: 'hit',
position: player1.position.lerp(player2.position, 0.5),
duration: 500,
duration: 200,
startTime: Date.now()
});
}

15
src/systems/renderer.js
View File

@ -214,7 +214,7 @@ class Renderer {
this.drawGoalEffect(position);
break;
case 'hit':
this.drawHitEffect(position, color);
this.drawHitEffect(position, '#00000038', 10);
break;
case 'save':
this.drawSaveEffect(position);
@ -241,16 +241,19 @@ class Renderer {
}
}
drawHitEffect(position, color) {
drawHitEffect(position, color, size = 25) {
this.ctx.strokeStyle = color;
this.ctx.lineWidth = 4;
const innerRadius = size * 0.4;
const outerRadius = size;
for (let i = 0; i < 6; i++) {
const angle = (i / 6) * Math.PI * 2;
const startX = position.x + Math.cos(angle) * 10;
const startY = position.y + Math.sin(angle) * 10;
const endX = position.x + Math.cos(angle) * 25;
const endY = position.y + Math.sin(angle) * 25;
const startX = position.x + Math.cos(angle) * innerRadius;
const startY = position.y + Math.sin(angle) * innerRadius;
const endX = position.x + Math.cos(angle) * outerRadius;
const endY = position.y + Math.sin(angle) * outerRadius;
this.ctx.beginPath();
this.ctx.moveTo(startX, startY);