Upit | Learn about creating the game Fairy with gen AI

===================================================================
--- original.js
+++ change.js
@@ -12,8 +12,11 @@
 			fairyGraphics.rotation -= 0.1;
 		}, 100);
 	};
 	self.lives = 3;
+	self.updateLivesDisplay = function () {
+		livesDisplay.updateLives(self.lives);
+	};
 	self.speed = 5;
 	self.moveLeft = function () {
 		self.x = Math.max(self.width / 2, self.x - self.speed);
 	};
@@ -26,8 +29,21 @@
 	self.moveDown = function () {
 		self.y = Math.min(2732 - self.height / 2, self.y + self.speed);
 	};
 });
+// LivesDisplay class
+var LivesDisplay = 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);
+	self.addChild(self.livesText);
+	self.updateLives = function (lives) {
+		self.livesText.setText('Lives: ' + lives);
+	};
+});
 // Potion class
 var Potion = Container.expand(function () {
 	var self = Container.call(this);
 	var potionGraphics = self.createAsset('potion', 'Witch potion', 0.5, 0.5);
@@ -51,8 +67,13 @@
 
 /**** 
 * Game Code
 ****/
+// Initialize LivesDisplay
+var livesDisplay = new LivesDisplay();
+LK.gui.top.addChild(livesDisplay);
+livesDisplay.x = 2048 / 2;
+livesDisplay.y = 50;
 // Initialize fairy
 var fairy = game.addChild(new Fairy());
 fairy.x = 1024; // Center horizontally
 fairy.y = 2732 - 100; // Start near the bottom of the screen
@@ -75,8 +96,9 @@
 		potions[i].move();
 		if (fairy.intersects(potions[i])) {
 			// Decrease fairy's lives when touching a potion and end game if lives are 0
 			fairy.lives--;
+			fairy.updateLivesDisplay();
 			LK.effects.flashObject(fairy, 0xff0000, 500);
 			if (fairy.lives <= 0) {
 				LK.effects.flashScreen(0xff0000, 1000);
 				LK.showGameOver();
Creation History

Images
