sigmasternchen/88x31breakout
1
0
Fork 0
mirror of https://github.com/sigmasternchen/88x31breakout synced 2025-03-14 23:49:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Move paddle redraw to tick method

Browse source
This commit is contained in:
sigmasternchen 2024-11-03 21:20:07 +01:00
parent d8d6ba0118
commit e51307b79b
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/game/Game.ts
View file

@ -51,6 +51,8 @@ export class Game {
this.handleCollisions(ball); this.handleCollisions(ball);
}); });
this.paddle.redraw();
if (this.running) { if (this.running) {
requestAnimationFrame(this.tick); requestAnimationFrame(this.tick);
} }

4
src/game/Paddle.ts
View file

@ -22,7 +22,7 @@ export class Paddle {
this.redraw(); this.redraw();
} }
private readonly redraw = (): void => { public readonly redraw = (): void => {
this.element.style.left = this.position + "px"; this.element.style.left = this.position + "px";
this.element.style.width = this.size + "px"; this.element.style.width = this.size + "px";
@ -37,8 +37,6 @@ export class Paddle {
Math.min(fieldWidth - this.size / 2, Math.min(fieldWidth - this.size / 2,
Math.max(this.size / 2, event.offsetX) Math.max(this.size / 2, event.offsetX)
); );
this.redraw();
} }
public readonly setup = (gameElement: HTMLElement, ballLaunchHandler: (ball: Ball) => void): void => { public readonly setup = (gameElement: HTMLElement, ballLaunchHandler: (ball: Ball) => void): void => {