Upit | Learn about creating the game Melon Madness with gen AI

===================================================================
--- original.js
+++ change.js
@@ -7,15 +7,41 @@
 	var ammoGraphics = self.attachAsset('ammo', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	self.setEmpty = function () {
-		ammoGraphics.alpha = 0.75;
+});
+// AmmoUI class
+var AmmoUI = Container.expand(function () {
+	var self = Container.call(this);
+	self.ammoCount = 10;
+	self.ammoDisplay = [];
+	self.init = function () {
+		for (var i = 0; i < self.ammoCount; i++) {
+			var ammo = new Ammo();
+			ammo.x = 60; // Position to the left
+			ammo.y = 2732 - 50 - i * 60; // Stack vertically from bottom to top
+			self.ammoDisplay.push(ammo);
+			self.addChild(ammo);
+		}
 	};
-	self.setFull = function () {
-		ammoGraphics.alpha = 1.0;
+	self.decreaseAmmo = function () {
+		if (self.ammoCount > 0) {
+			self.ammoCount--;
+			var ammoToRemove = self.ammoDisplay.pop();
+			ammoToRemove.destroy();
+		}
 	};
-	self.setFull(); // Initialize as full
+	self.increaseAmmo = function () {
+		if (self.ammoCount < 10) {
+			self.ammoCount++;
+			var newAmmoDisplay = new Ammo();
+			newAmmoDisplay.x = 60; // Position to the left
+			newAmmoDisplay.y = 2732 - 50 - (self.ammoCount - 1) * 60; // Stack vertically from bottom to top
+			self.ammoDisplay.push(newAmmoDisplay);
+			self.addChild(newAmmoDisplay);
+		}
+	};
+	self.init();
 });
 // BackgroundContainer class
 var BackgroundContainer = Container.expand(function () {
 	var self = Container.call(this);
@@ -217,15 +243,13 @@
 		}
 		if (closestEnemy === null) {
 			return; // No enemies to target
 		}
-		if (ammoCount <= 0) {
+		if (ammoUI.ammoCount <= 0) {
 			console.log("Out of ammo!");
 			return; // Out of ammo
 		}
-		ammoCount--;
-		var ammoToRemove = ammoDisplay[ammoCount];
-		ammoToRemove.setEmpty();
+		ammoUI.decreaseAmmo();
 		// Set the bullet's direction towards the closest enemy
 		var dx = closestEnemy.x - self.x;
 		var dy = closestEnemy.y - self.y;
 		var magnitude = Math.sqrt(dx * dx + dy * dy);
@@ -256,17 +280,9 @@
 var ammos = [];
 var backgroundContainer = game.addChild(new BackgroundContainer());
 var civilians = [];
 var foregroundContainer = game.addChild(new ForegroundContainer());
-var ammoCount = 10;
-var ammoDisplay = [];
-for (var i = 0; i < ammoCount; i++) {
-	var ammo = new Ammo();
-	ammo.x = 60; // Position to the left
-	ammo.y = 2732 - 50 - i * 60; // Stack vertically from bottom to top
-	ammoDisplay.push(ammo);
-	foregroundContainer.addChild(ammo);
-}
+var ammoUI = foregroundContainer.addChild(new AmmoUI());
 var midgroundContainer = game.addChild(new MidgroundContainer());
 var player = midgroundContainer.addChild(new Player());
 player.x = 2048 / 2;
 player.y = 2732 - 200;
@@ -410,16 +426,8 @@
 	for (var n = ammos.length - 1; n >= 0; n--) {
 		if (ammos[n].intersects(player)) {
 			ammos[n].destroy();
 			ammos.splice(n, 1);
-			if (ammoCount < 10) {
-				ammoCount++;
-				var newAmmoDisplay = new Ammo();
-				newAmmoDisplay.x = 60; // Position to the left
-				newAmmoDisplay.y = 2732 - 50 - (ammoCount - 1) * 60; // Stack vertically from bottom to top
-				ammoDisplay[ammoCount - 1] = newAmmoDisplay;
-				newAmmoDisplay.setFull();
-				foregroundContainer.addChild(newAmmoDisplay);
-			}
+			ammoUI.increaseAmmo();
 		}
 	}
 };
\ No newline at end of file
Creation History

Images

Sounds & Music
