/**** 
* Classes
****/ 
var FloorTrigger = Container.expand(function () {
	var self = Container.call(this);
	var floorTriggerGraphics = self.attachAsset('floorTrigger', {
		anchorX: 0.5,
		anchorY: 0.5
	});
});
// 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 = 10;
	// Add hitbox for collision detection
	self.hitbox = new Container();
	self.hitbox.width = heroGraphics.width * 1.2; // Increase size for better collision detection
	self.hitbox.height = heroGraphics.height * 1.2; // Increase size for better collision detection
	self.hitbox.x = -self.hitbox.width;
	self.hitbox.y = -self.hitbox.height;
	// Display the hitbox with a transparent asset
	var hitboxGraphics = LK.getAsset('transparentAsset', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	hitboxGraphics.width = self.hitbox.width;
	hitboxGraphics.height = self.hitbox.height;
	self.hitbox.addChild(hitboxGraphics);
	self.addChild(self.hitbox);
	self.update = function () {
		// Update logic for hero, if needed
	};
});
var Lifebar = Container.expand(function () {
	var self = Container.call(this);
	var lifebarGraphics = self.attachAsset('lifebar', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var lifebarText = new Text2("Life: " + hero.health + "%", {
		size: 50,
		fill: "#ffffff"
	});
	self.addChild(lifebarText);
	self.update = function () {
		lifebarText.setText("Life: " + hero.health + "%");
		lifebarGraphics.width = hero.health / 100 * 500; // Update lifebar width based on health
	};
});
var Spear = Container.expand(function () {
	var self = Container.call(this);
	var spearGraphics = self.attachAsset('spear', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.update = function () {
		self.y += self.speed;
	};
});

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

/**** 
* Game Code
****/ 
// Initialize game variables
var hero;
var floorTrigger;
var spearCount = 0;
// Declare scoreText in the global scope
var scoreText;
// Function to initialize game elements
function initGame() {
	// Create and position the hero
	hero = game.addChild(new Hero());
	hero.health = 100; // Initialize hero health as a number
	hero.x = 2048 / 2;
	hero.y = 2732 / 2;
	// Create and position the lifebar
	var lifebar = new Lifebar();
	lifebar.x = 2048 / 2;
	lifebar.y = 50; // Adjusted position to separate from HUD
	game.addChild(lifebar);
	// Create and position the score text
	scoreText = new Text2("Spears hit: " + spearCount, {
		size: 50,
		fill: "#ffffff"
	});
	scoreText.x = 2048 / 2;
	scoreText.y = 100; // Adjusted position to separate from HUD
	game.addChild(scoreText);
	// Create and position the floor trigger
	floorTrigger = game.addChild(new FloorTrigger());
	floorTrigger.x = Math.random() * 2048; // Random x position
	floorTrigger.y = Math.random() * 2732; // Random y position
}
// Function to handle hero movement
function handleMove(x, y, obj) {
	hero.x = x;
	hero.y = y;
}
// Function to update game state
game.update = function () {
	if (hero.intersects(floorTrigger)) {
		var spear = game.addChild(new Spear());
		spear.x = Math.random() * 2048; // Random x position
		spear.y = Math.random() < 0.5 ? 0 : 2732; // Randomly choose top or bottom for y position
		var dx = hero.x - spear.x;
		var dy = hero.y - spear.y;
		var angle = Math.atan2(dy, dx);
		spear.speedX = Math.cos(angle) * spear.speed;
		spear.speedY = Math.sin(angle) * spear.speed;
		spear.rotation = angle; // Rotate the spear in the direction it's moving
		spear.update = function () {
			this.x += this.speedX;
			this.y += this.speedY;
			if (this.intersects(hero.hitbox)) {
				// Attach the spear to the hero at the position it first touches him
				this.speedX = 0;
				this.speedY = 0;
				var relativeX = this.x - hero.x;
				var relativeY = this.y - hero.y;
				this.update = function () {
					this.x = hero.x + relativeX;
					this.y = hero.y + relativeY;
				};
				// Reduce player's health and increment spear count
				hero.health -= 10;
				spearCount++;
				scoreText.setText("Spears hit: " + spearCount); // Update score text
			}
		};
		// Reposition the floor trigger to a random location
		floorTrigger.x = Math.random() * 2048; // Random x position
		floorTrigger.y = Math.random() * 2732; // Random y position
	}
};
// Initialize game elements
initGame();
// Set up event listeners for touch/mouse interactions
game.down = function (x, y, obj) {
	handleMove(x, y, obj);
};
game.move = function (x, y, obj) {
	handleMove(x, y, obj);
};
game.up = function (x, y, obj) {
	// No specific action needed on release
};

===================================================================
--- original.js
+++ change.js
@@ -34,8 +34,24 @@
 	self.update = function () {
 		// Update logic for hero, if needed
 	};
 });
+var Lifebar = Container.expand(function () {
+	var self = Container.call(this);
+	var lifebarGraphics = self.attachAsset('lifebar', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	var lifebarText = new Text2("Life: " + hero.health + "%", {
+		size: 50,
+		fill: "#ffffff"
+	});
+	self.addChild(lifebarText);
+	self.update = function () {
+		lifebarText.setText("Life: " + hero.health + "%");
+		lifebarGraphics.width = hero.health / 100 * 500; // Update lifebar width based on health
+	};
+});
 var Spear = Container.expand(function () {
 	var self = Container.call(this);
 	var spearGraphics = self.attachAsset('spear', {
 		anchorX: 0.5,
@@ -69,8 +85,13 @@
 	hero = game.addChild(new Hero());
 	hero.health = 100; // Initialize hero health as a number
 	hero.x = 2048 / 2;
 	hero.y = 2732 / 2;
+	// Create and position the lifebar
+	var lifebar = new Lifebar();
+	lifebar.x = 2048 / 2;
+	lifebar.y = 50; // Adjusted position to separate from HUD
+	game.addChild(lifebar);
 	// Create and position the score text
 	scoreText = new Text2("Spears hit: " + spearCount, {
 		size: 50,
 		fill: "#ffffff"