===================================================================
--- original.js
+++ change.js
@@ -1,19 +1,28 @@
 /**** 
 * Classes
 ****/
-// LivesDisplay class
-var LivesDisplay = Container.expand(function () {
+// HealthBar class
+var HealthBar = Container.expand(function () {
 	var self = Container.call(this);
-	self.livesText = new Text2('Lives: 3', {
-		size: 100,
-		fill: "#ffffff"
-	});
-	self.livesText.anchor.set(0.5, 0);
-	LK.gui.top.addChild(self.livesText);
-	self.updateLives = function (lives) {
-		self.livesText.setText('Lives: ' + lives);
+	self.maxHealth = 100;
+	self.currentHealth = self.maxHealth;
+	var healthBarBackground = self.createAsset('healthBarBackground', 'Health Bar Background', 0, 0.5);
+	var healthBarForeground = self.createAsset('healthBarForeground', 'Health Bar Foreground', 0, 0.5);
+	healthBarBackground.width = 500;
+	healthBarForeground.width = 500;
+	healthBarBackground.height = 40;
+	healthBarForeground.height = 40;
+	self.addChild(healthBarBackground);
+	self.addChild(healthBarForeground);
+	self.updateHealth = function (newHealth) {
+		self.currentHealth = newHealth;
+		var healthPercentage = self.currentHealth / self.maxHealth;
+		healthBarForeground.width = 500 * healthPercentage;
 	};
+	self.x = 1024; // Center on screen
+	self.y = 50; // Offset from top
+	LK.gui.top.addChild(self);
 });
 // ScoreDisplay class
 var ScoreDisplay = Container.expand(function () {
 	var self = Container.call(this);
@@ -36,9 +45,9 @@
 	};
 	var heroGraphics = self.createAsset('hero', 'Hero character', 0.5, 0.5);
 	self.x = 2048 / 2;
 	self.y = 2732 / 2;
-	self.lives = 3; // Hero starts with 3 lives
+	self.health = 100; // Hero starts with 100 health
 });
 // Base Enemy class
 var BaseEnemy = Container.expand(function () {
 	var self = Container.call(this);
@@ -144,13 +153,8 @@
 var livesDisplay = game.addChild(new LivesDisplay());
 var scoreDisplay = game.addChild(new ScoreDisplay());
 var score = 0; // Global score variable
 
-// Update the lives display when hero's lives change
-Hero.prototype.updateLives = function () {
-	livesDisplay.updateLives(this.lives);
-};
-
 // Initialize enemies and bullets arrays
 var enemies = [];
 var bullets = [];
 var enemyBullets = []; // Array for bullets shot by ShootingEnemy
@@ -264,13 +268,13 @@
 	for (var j = enemies.length - 1; j >= 0; j--) {
 		enemies[j].move();
 		if (enemies[j].intersects(hero)) {
 			if (enemies[j] instanceof KamikazeEnemy) {
-				hero.lives -= 1; // Decrease hero's lives by one
-				hero.updateLives(); // Update the lives display
+				hero.health -= 34; // Decrease hero's health by 34
+				healthBar.updateHealth(hero.health); // Update the health bar
 				LK.effects.flashScreen(0xff0000, 500); // Flash screen red for half a second
-				if (hero.lives <= 0) {
-					LK.showGameOver(); // If no lives left, show game over
+				if (hero.health <= 0) {
+					LK.showGameOver(); // If no health left, show game over
 					return;
 				}
 			}
 			enemies[j].destroy(); // Destroy the enemy that collided with the hero