diff --git a/src/view.js b/src/view.js index ebd816e..e2f166a 100644 --- a/src/view.js +++ b/src/view.js @@ -41,8 +41,9 @@ function createBallView(ball, textures) { function createPaddleView(paddle, textures) { const texture = textures['/sprites/paddle.png']; const paddleSprite = new NineSliceSprite({ texture, leftWidth: 150, rightWidth: 150, topHeight: 0, bottomHeight: 0 }); - paddleSprite.width = paddle.width; - paddleSprite.height = paddle.height; + const paddleAspectRatio = paddle.height / texture.height; + paddleSprite.scale.set(paddleAspectRatio); + paddleSprite.width = paddle.width / paddleAspectRatio; return paddleSprite; } @@ -174,8 +175,9 @@ export function createGameView(game, container, textures) { * @param {object} textures объект с текстурами для визуального отображения */ export function managePerkViewsLifetime(views, game, container, textures) { - if (views.paddle.width !== game.paddle.width) { - views.paddle.width = game.paddle.width; + // Изменяем ширину отображения ракетки основываясь на aspect ratio по оси X и ширине ракетки + if (views.paddle.width * views.paddle.scale.x !== game.paddle.width) { + views.paddle.width = game.paddle.width / views.paddle.scale.x; } for (const [ball, ballView] of views.balls) {