/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Ball class representing the ball that breaks bricks
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.direction = {
		x: 1,
		y: -1
	};
	self.update = function () {
		self.x += self.speed * self.direction.x;
		self.y += self.speed * self.direction.y;
		// Bounce off walls
		if (self.x <= 0 || self.x >= 2048) {
			self.direction.x *= -1;
			self.x = self.x <= 0 ? 0 : 2048; // Correct position to prevent getting stuck in the wall
		}
		if (self.y <= 0 || self.y >= 2632) {
			self.direction.y *= -1;
			self.y = self.y <= 0 ? 0 : 2632; // Correct position to prevent getting stuck in the wall
		}
	};
});
// Brick class representing the bricks to be broken
var Brick = Container.expand(function () {
	var self = Container.call(this);
	var brickGraphics = self.attachAsset('brick', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.health = 1;
	// Create a text object to display the brick's health
	self.healthText = new Text2(self.health.toString(), {
		size: 50,
		fill: 0xFFFFFF
	});
	self.healthText.anchor.set(0.5, 0.5);
	self.addChild(self.healthText);
	self.hit = function () {
		self.health -= 1;
		score += 1;
		self.healthText.setText(self.health.toString());
		scoreTxt.setText(score.toString());
		if (self.health <= 0) {
			self.destroy();
		}
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize game variables 
var scoreTxt = new Text2('0', {
	size: 100,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(1, 0); // Anchor to the top-right corner
LK.gui.topRight.addChild(scoreTxt);
// Create a button to buy extra balls
var buyBallButton = new LK.Button({
	text: 'Buy Ball (50)',
	size: 80,
	fill: 0xFFFFFF,
	anchorX: 1,
	anchorY: 0,
	y: 0,
	onClick: function onClick() {
		if (score >= 50) {
			score -= 50; // Deduct points
			scoreTxt.setText(score.toString()); // Update score display
			createBall(); // Add a new ball
		}
	}
});
LK.gui.topRight.addChild(buyBallButton);
var balls = [];
var bricks = [];
var score = 0;
// Create and position bricks
function createBricks() {
	for (var i = 0; i < 5; i++) {
		for (var j = 0; j < 10; j++) {
			var brick = new Brick();
			brick.x = 2048 / 2 - 10 * 160 / 2 + j * 160; // Center bricks horizontally
			brick.y = 2732 / 2 - 5 * 120 / 2 + i * 120; // Center bricks vertically
			bricks.push(brick);
			game.addChild(brick);
		}
	}
}
// Create a new ball
function createBall() {
	var ball = new Ball();
	ball.x = 1024;
	ball.y = 2000;
	// Assign a random direction to the ball
	ball.direction.x = Math.random() < 0.5 ? -1 : 1;
	ball.direction.y = Math.random() < 0.5 ? -1 : 1;
	balls.push(ball);
	game.addChild(ball);
}
// Handle game updates
game.update = function () {
	// Update balls
	for (var i = balls.length - 1; i >= 0; i--) {
		var ball = balls[i];
		ball.update();
		// Check for collisions with bricks
		for (var j = bricks.length - 1; j >= 0; j--) {
			var brick = bricks[j];
			if (ball.intersects(brick)) {
				brick.hit();
				// Calculate bounce direction based on the position where the ball hit the brick
				var hitPosition = (ball.x - brick.x) / brick.width;
				ball.direction.x = hitPosition;
				ball.direction.y *= -1;
				score += 10;
			}
		}
		// Remove ball if it goes off screen
		if (ball.y > 2732) {
			ball.destroy();
			balls.splice(i, 1);
		}
	}
	// Check for game over
	if (balls.length === 0) {
		createBall();
	}
};
// Handle screen tap to launch a new ball
game.down = function (x, y, obj) {
	// Check if a brick was touched
	for (var i = 0; i < bricks.length; i++) {
		var brick = bricks[i];
		if (brick.intersects({
			x: x,
			y: y
		})) {
			brick.hit();
			break;
		}
	}
	// Check if the player has enough points to buy an extra ball
	if (score >= 50) {
		score -= 50; // Deduct points
		scoreTxt.setText(score.toString()); // Update score display
		createBall(); // Add a new ball
	}
};
// Initialize game elements
createBricks();
createBall();

===================================================================
--- original.js
+++ change.js
@@ -72,20 +72,21 @@
 });
 scoreTxt.anchor.set(1, 0); // Anchor to the top-right corner
 LK.gui.topRight.addChild(scoreTxt);
 // Create a button to buy extra balls
-var buyBallButton = new Text2('Buy Ball (50)', {
+var buyBallButton = new LK.Button({
+	text: 'Buy Ball (50)',
 	size: 80,
-	fill: 0xFFFFFF
-});
-buyBallButton.anchor.set(1, 0);
-buyBallButton.y = 0;
-buyBallButton.interactive = true;
-buyBallButton.on('pointerdown', function () {
-	if (score >= 50) {
-		score -= 50; // Deduct points
-		scoreTxt.setText(score.toString()); // Update score display
-		createBall(); // Add a new ball
+	fill: 0xFFFFFF,
+	anchorX: 1,
+	anchorY: 0,
+	y: 0,
+	onClick: function onClick() {
+		if (score >= 50) {
+			score -= 50; // Deduct points
+			scoreTxt.setText(score.toString()); // Update score display
+			createBall(); // Add a new ball
+		}
 	}
 });
 LK.gui.topRight.addChild(buyBallButton);
 var balls = [];