/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Dragon class to represent the player character
var Dragon = Container.expand(function () {
	var self = Container.call(this);
	var dragonGraphics = self.attachAsset('dragon', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2,
		scaleY: 2
	});
	self.speed = 10; // Speed of the dragon
	self.update = function () {
		// Update logic for the dragon can be added here if needed
	};
});
// HealthBar class to represent the player's health
var HealthBar = Container.expand(function () {
	var self = Container.call(this);
	var healthBarGraphics = self.attachAsset('healthBar', {
		anchorX: 0.0,
		anchorY: 0.0,
		scaleX: 2048 / 100,
		// Scale to fit the game width
		scaleY: 0.1
	});
	self.maxHealth = 1000;
	self.currentHealth = self.maxHealth;
	self.update = function () {
		healthBarGraphics.scaleX = self.currentHealth / self.maxHealth;
	};
});
// Sphere class to represent the obstacles
var Sphere = Container.expand(function () {
	var self = Container.call(this);
	var sphereGraphics = self.attachAsset('sphere', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5; // Speed of the sphere
	self.update = function () {
		self.y -= self.speed; // Move the sphere upwards
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000,
	//Init game with black background
	height: 3000 // Increase the game screen height
});

/**** 
* Game Code
****/ 
// Initialize game variables
var dragon;
var spheres = [];
var score = 0;
var scoreTxt;
// Add background image to the game
var background = game.addChild(LK.getAsset('Background', {
	anchorX: 0.0,
	anchorY: 0.0,
	scaleX: 2048 / 100,
	// Scale to fit the game width
	scaleY: 2732 / 100 // Scale to fit the game height
}));
// Function to handle game updates
game.update = function () {
	// Update dragon position based on touch input
	if (dragNode && dragNode.global) {
		dragNode.x = game.toLocal(dragNode.global).x;
	}
	// Update spheres and check for collisions
	for (var i = spheres.length - 1; i >= 0; i--) {
		spheres[i].update();
		if (spheres[i].intersects(dragon)) {
			var damage = Math.floor(Math.random() * 51);
			healthBar.currentHealth -= damage;
			if (healthBar.currentHealth <= 0) {
				LK.effects.flashScreen(0xff0000, 1000);
				LK.showGameOver();
			}
		}
		if (spheres[i].y < -50) {
			spheres[i].destroy();
			spheres.splice(i, 1);
		}
	}
	// Spawn new spheres
	if (LK.ticks % 60 == 0) {
		var newSphere = new Sphere();
		newSphere.x = Math.random() * 2048;
		newSphere.y = 2732;
		// Randomly assign one of three sizes to the sphere
		var sizes = [1, 1.5, 2];
		var size = sizes[Math.floor(Math.random() * sizes.length)];
		newSphere.scaleX = size;
		newSphere.scaleY = size;
		spheres.push(newSphere);
		game.addChild(newSphere);
		score += 100; // Increase score by 100 for each new sphere
		scoreTxt.setText('Score: ' + score); // Update score text
		var level = Math.floor(score / 500) + 1; // Calculate level based on score
		levelTxt.setText('Level: ' + level); // Update level text
	}
};
// Initialize dragon
dragon = game.addChild(new Dragon());
dragon.x = 2048 / 2;
dragon.y = 200;
// Initialize level display
var levelTxt = new Text2('Level: 1', {
	size: 100,
	fill: 0xFFFF00
});
levelTxt.anchor.set(0, 0);
LK.gui.bottomLeft.addChild(levelTxt);
// Initialize score display
scoreTxt = new Text2('Score: 0', {
	size: 100,
	fill: 0xFFFF00
});
// Initialize health bar
var healthBar = game.addChild(new HealthBar());
healthBar.x = 0;
healthBar.y = 0;
scoreTxt.anchor.set(0, 0);
LK.gui.bottomLeft.addChild(scoreTxt);
// Handle touch input for dragging the dragon
var dragNode = null;
game.down = function (x, y, obj) {
	dragNode = dragon;
};
game.up = function (x, y, obj) {
	dragNode = null;
};
game.move = function (x, y, obj) {
	if (dragNode) {
		// Limit the dragon's movement to the game area
		var newX = Math.max(0, Math.min(2048, x));
		dragNode.x = newX;
	}
};

===================================================================
--- original.js
+++ change.js
@@ -22,9 +22,10 @@
 	var self = Container.call(this);
 	var healthBarGraphics = self.attachAsset('healthBar', {
 		anchorX: 0.0,
 		anchorY: 0.0,
-		scaleX: 1,
+		scaleX: 2048 / 100,
+		// Scale to fit the game width
 		scaleY: 0.1
 	});
 	self.maxHealth = 1000;
 	self.currentHealth = self.maxHealth;