diff --git a/src/config.js b/src/config.js index 49deba3..6784004 100644 --- a/src/config.js +++ b/src/config.js @@ -7,3 +7,6 @@ export const PADDLE_HEIGHT = 10; export const BALL_RADIUS = 10; export const BALL_SPEED = 3; export const BALL_INITIAL_ANGLE = 180; + +export const BRICK_WIDTH = 40; +export const BRICK_HEIGHT = 10; diff --git a/src/main.js b/src/main.js index c730d16..1685f14 100644 --- a/src/main.js +++ b/src/main.js @@ -4,6 +4,8 @@ import { BALL_INITIAL_ANGLE, BALL_RADIUS, BALL_SPEED, + BRICK_HEIGHT, + BRICK_WIDTH, CONTAINER_HEIGHT, CONTAINER_WIDTH, PADDLE_HEIGHT, @@ -42,6 +44,14 @@ import { } }); + const bricksRow = Array.from({ length: Math.floor(CONTAINER_WIDTH / BRICK_WIDTH) }).map((_, index) => { + const brick = new Graphics().rect(0, 0, BRICK_WIDTH, BRICK_HEIGHT).fill('#000fff'); + brick.x = index * BRICK_WIDTH; + brick.y = 1; + container.addChild(brick); + return brick; + }); + const ball = new Graphics().circle(0, 0, BALL_RADIUS).fill('#ffffff'); container.addChild(ball);