diff --git a/src/main.js b/src/main.js index 2631997..65c0f5c 100644 --- a/src/main.js +++ b/src/main.js @@ -17,7 +17,7 @@ import { LEVELS } from './const/levels'; import { Game } from './game'; import { calculateCollision } from './lib/calculateCollision/calculateCollision'; import { calculateDirection } from './lib/calculateDirection/calculateDirection'; -import { createGameView, syncronizeViewsWithGame } from './view'; +import { createGameView, rebuildBrickViews, syncronizeViewsWithGame } from './view'; (async () => { // Create a new application @@ -42,17 +42,19 @@ import { createGameView, syncronizeViewsWithGame } from './view'; const game = new Game(LEVELS); const views = createGameView(game, container); + const currentLevel = game.currentLevel; container.on('pointermove', (event) => { const localPosition = container.toLocal(event.global); game.paddle.moveTo(localPosition.x, 0, CONTAINER_WIDTH); }); - console.log(game.paddle.x, game.paddle.y); - app.ticker.add((time) => { game.update(time.deltaTime); + + if (game.currentLevel !== currentLevel) { + rebuildBrickViews(views, game, container); + } syncronizeViewsWithGame(views, game); - console.log(game.paddle.x, game.paddle.y); }); })(); diff --git a/src/view.js b/src/view.js index 7fcb508..ab34c88 100644 --- a/src/view.js +++ b/src/view.js @@ -42,7 +42,7 @@ function createBrickView(brick) { /** * Создает визуальное отображение всех сущностей в игре с помощью Pixi.js и добавляет в контейнер * @param {Game} game экземпляр класса игра - * @param {Container} container контейнер Pixi.js + * @param {Container} container экземпляр класса контейнер Pixi.js */ export function createGameView(game, container) { try { @@ -97,3 +97,22 @@ export function syncronizeViewsWithGame(views, game) { console.error(err); } } + +/** + * Пересоздает отображения кирпичей под текущий уровень игры. + * @param {object} views объект с визуальными отображениями сущностей игры + * @param {Game} game экземпляр класса игра + * @param {Container} container экземпляр класса контейнер Pixi.js + */ +export function rebuildBrickViews(views, game, container) { + for (const brickView of views.bricks) { + container.removeChild(brickView); + brickView.destroy(); + } + + views.bricks = game.bricks.map((brick) => { + const brickView = createBrickView(brick); + container.addChild(brickView); + return brickView; + }); +}