/**** 
* Classes
****/ 
var Dot = Container.expand(function () {
	var self = Container.call(this);
	var dotGraphics = self.attachAsset('dot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Update logic for the dot, if needed
	};
});
// Assets will be automatically created and loaded by the LK engine based on their usage in the code.
// For example, if you use LK.getAsset('hero'), the engine will automatically create and load an asset with the id 'hero'.
// Hero class representing the player character
var Hero = Container.expand(function () {
	var self = Container.call(this);
	var heroGraphics = self.attachAsset('hero', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 8;
	self.update = function () {
		// Update logic for the hero, such as movement
	};
});
var LeftButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('leftButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = 150;
	self.y = 2732 - 150;
	self.down = function (x, y, obj) {
		hero.x -= hero.speed;
	};
});
// Obstacle class representing obstacles in the game
var Obstacle = Container.expand(function () {
	var self = Container.call(this);
	var obstacleGraphics = self.attachAsset('obstacle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 8;
	self.update = function () {
		self.y += self.speed;
		if (self.y > 2732) {
			self.destroy();
		}
	};
});
var RightButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('rightButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.x = 2048 - 150;
	self.y = 2732 - 150;
	self.down = function (x, y, obj) {
		hero.x += hero.speed;
	};
});
var Rock = Container.expand(function () {
	var self = Container.call(this);
	var rockGraphics = self.attachAsset('rock', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.update = function () {
		self.y += self.speed;
		if (self.y > 2732) {
			self.destroy();
		}
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x808080 // Set background color to grey
});

/**** 
* Game Code
****/ 
// Initialize game variables
var middleLine1 = LK.getAsset('dot', {
	anchorX: 0.5,
	anchorY: 0.5,
	color: 0xff0000
});
var middleLine2 = LK.getAsset('dot', {
	anchorX: 0.5,
	anchorY: 0.5,
	color: 0x000000
});
middleLine1.scaleX = 2048;
middleLine1.scaleY = 1;
middleLine1.x = 0;
middleLine1.y = 2732 / 2 - 1;
middleLine2.scaleX = 2048;
middleLine2.scaleY = 1;
middleLine2.x = 0;
middleLine2.y = 2732 / 2 + 1;
game.addChild(middleLine1);
game.addChild(middleLine2);
var line3 = LK.getAsset('dot', {
	anchorX: 0.5,
	anchorY: 0.5,
	color: 0x000000
});
var line4 = LK.getAsset('dot', {
	anchorX: 0.5,
	anchorY: 0.5,
	color: 0x000000
});
line3.scaleX = 2048;
line3.scaleY = 1;
line3.x = 0;
line3.y = 2732 - 50;
line4.scaleX = 2048;
line4.scaleY = 1;
line4.x = 0;
line4.y = 2732 - 100;
game.addChild(line3);
game.addChild(line4);
var leftButton = game.addChild(new LeftButton());
var rightButton = game.addChild(new RightButton());
var hero = game.addChild(new Hero());
hero.x = leftButton.x;
hero.y = leftButton.y - 200; // Adjusted to ensure hero spawns above the left button
var obstacles = [];
var rocks = [];
var dot = game.addChild(new Dot());
dot.x = 2048 / 2;
dot.y = 2732 / 2 - 100;
var score = 0;
var scoreTxt = new Text2('0', {
	size: 150,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Function to handle game updates
game.update = function () {
	// Update hero
	hero.update();
	// Check if dot intersects with left button
	if (dot.intersects(leftButton)) {
		hero.x -= hero.speed;
		dot.x = leftButton.x;
		// dot.y = 2732 - 50; // Removed command to prevent dot from moving to the bottom
	}
	// Check if dot intersects with right button
	if (dot.intersects(rightButton)) {
		hero.x += hero.speed;
		dot.x = rightButton.x;
		dot.y = rightButton.y;
	}
	// Update obstacles
	for (var i = obstacles.length - 1; i >= 0; i--) {
		obstacles[i].update();
		if (hero.intersects(obstacles[i])) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
		}
	}
	// Update rocks
	for (var i = rocks.length - 1; i >= 0; i--) {
		rocks[i].update();
		if (hero.intersects(rocks[i])) {
			rocks[i].destroy();
			rocks.splice(i, 1);
			score += 1;
			scoreTxt.setText(score.toString());
		}
	}
	// Spawn new obstacles
	if (LK.ticks % 40 == 0) {
		for (var j = 0; j < 1; j++) {
			// Spawn one obstacle at a time
			var newObstacle;
			newObstacle = new Obstacle();
			newObstacle.x = Math.random() * 2048;
			newObstacle.y = 0;
			obstacles.push(newObstacle);
			game.addChild(newObstacle);
		}
	}
	// Spawn new rocks
	if (LK.ticks % 50 == 0) {
		var newRock = new Rock();
		newRock.x = Math.random() * 2048;
		newRock.y = 0;
		rocks.push(newRock);
		game.addChild(newRock);
	}
	// Check if hero touches the left or right edge of the screen
	if (hero.x <= 0 || hero.x >= 2048) {
		LK.effects.flashScreen(0xff0000, 1000);
		LK.showGameOver();
	}
	// Update score
};
// Handle touch events for hero movement
game.down = function (x, y, obj) {
	dot.x = x;
	dot.y = y;
};
game.move = function (x, y, obj) {
	dot.x = x;
	dot.y = y;
};
game.up = function (x, y, obj) {
	// No action needed on touch up
};

===================================================================
--- original.js
+++ change.js
@@ -82,9 +82,9 @@
 /**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 'Fly88' // Set background color to Fly88
+	backgroundColor: 0x808080 // Set background color to grey
 });
 
 /**** 
 * Game Code