Upit | Learn about creating the game Bubble Blower Tycoon with gen AI

===================================================================
--- original.js
+++ change.js
@@ -14,15 +14,43 @@
 	self.hasSplit = false;
 	self.splitHeight = null;
 	self.AUTO_POP_SIZE = 40;
 	self.MIN_SPLIT_SIZE = 30;
-	self.lastPopTime = 0; // Add timestamp tracking
+	self.lastPopTime = 0;
+	self.visible = false; // Start invisible in pool
 	var sprite = self.attachAsset('bubble', {
 		anchorX: 0.5,
 		anchorY: 0.5,
 		alpha: 0.9
 	});
 	self.size = 100;
+	self.activate = function (x, y, size) {
+		self.x = x;
+		self.y = y;
+		self.size = size;
+		self.lifetime = 0;
+		self.hasSplit = false;
+		self.splitHeight = null;
+		self.justSplit = false;
+		self.autoPopDisplayed = false;
+		self.initLifetime();
+		self.visible = true;
+		// Reset velocities
+		self.verticalVelocity = 0;
+		self.driftX = (Math.random() * 20 - 10) / 60;
+		self.floatSpeed = 50 * (120 / size * (0.9 + Math.random() * 0.2)) / 60;
+	};
+	self.deactivate = function () {
+		self.visible = false;
+		var index = game.activeBubbles.indexOf(self);
+		if (index > -1) {
+			game.activeBubbles.splice(index, 1);
+		}
+		// Don't award BP for off-screen bubbles
+		if (self.y > -self.size) {
+			game.addBP(self.getBP(), self.x, self.y, true);
+		}
+	};
 	self.initLifetime = function () {
 		self.maxLifetime = Math.floor(Math.random() * 960 + 1440);
 		self.maxLifetime *= Math.min(1, self.size / 100);
 	};
@@ -32,80 +60,64 @@
 	self.floatSpeed = 50 * speedMultiplier / 60;
 	self.driftX = (Math.random() * 20 - 10) / 60; // Normal drift variance
 	self.verticalVelocity = 0;
 	self.down = function (e) {
-		// Add cooldown check (100ms)
 		var currentTime = Date.now();
 		if (currentTime - self.lastPopTime < 100) {
-			return true; // Ignore clicks too close together
+			return true;
 		}
 		self.lastPopTime = currentTime;
-		var index = game.bubbles.indexOf(self);
-		if (index > -1) {
-			game.bubbles.splice(index, 1);
-		}
 		var points = self.getBP();
-		game.addBP(points, self.x, self.y, false); // Pass position and flag for manual pop
-		// Only split if manually popped and large enough
+		game.addBP(points, self.x, self.y, false);
 		if (self.size > 60 && !self.justSplit) {
 			var splitCount = 2 + UPGRADE_CONFIG.machine.bubbleDurability.currentLevel;
 			var newSize = Math.max(self.MIN_SPLIT_SIZE, self.size * 0.6);
 			for (var i = 0; i < splitCount; i++) {
 				var angle = i / splitCount * Math.PI * 2;
-				spawnSplitBubble(self.x, self.y, newSize, Math.cos(angle),
-				// More even distribution
-				false);
+				spawnBubble(self.x, self.y, newSize, Math.cos(angle), false);
 			}
 		}
-		self.destroy();
-		return true; // Stop event propagation
+		self.deactivate();
+		return true;
 	};
 	self.getBP = function () {
 		return Math.max(1, Math.floor(Math.pow(self.size, 1.4) * 0.02));
 	};
 	self.update = function () {
 		self.lifetime++;
-		// Add subtle drift variation
 		if (self.lifetime % 60 === 0) {
-			// Every second
-			self.driftX += (Math.random() - 0.5) * 0.3; // Add small random drift
+			self.driftX += (Math.random() - 0.5) * 0.3;
 		}
-		// Increase overall horizontal movement
-		self.x += self.driftX * 1.2; // 20% more horizontal movement
-		// Auto-pop or split when lifetime exceeded
+		self.x += self.driftX * 1.2;
 		if (self.lifetime > self.maxLifetime) {
-			// Just check size and not already split
 			if (self.size > 60 && !self.hasSplit) {
 				self.hasSplit = true;
 				var newSize = Math.max(self.MIN_SPLIT_SIZE, self.size * 0.6);
 				for (var i = 0; i < 2; i++) {
-					var split = spawnSplitBubble(self.x, self.y, newSize, i === 0 ? -1 : 1, true);
-					split.maxLifetime *= 0.7; // Shorter lifetime for split bubbles
+					var split = spawnBubble(self.x, self.y, newSize, i === 0 ? -1 : 1, true);
+					if (split) {
+						split.maxLifetime *= 0.7;
+					}
 				}
-				self.destroy();
+				self.deactivate();
 				return;
 			}
-			// If too small to split, just pop
 			self.autoPop();
 			return;
 		}
-		// Clear off-screen bubbles
 		if (self.y < -self.size) {
-			self.destroy();
+			self.deactivate();
 			return;
 		}
-		self.justSplit = false; // Clear the flag after first update
-		// More gradual vertical speed transition
+		self.justSplit = false;
 		if (self.verticalVelocity < self.floatSpeed) {
-			self.verticalVelocity += 0.08; // More gentle transition
+			self.verticalVelocity += 0.08;
 		}
 		self.y -= self.verticalVelocity;
-		// Gradually reduce horizontal speed after split
 		if (Math.abs(self.driftX) > (Math.random() * 20 - 10) / 60) {
-			self.driftX *= 0.98; // Slowly return to normal drift speed
+			self.driftX *= 0.98;
 		}
 		self.x += self.driftX;
-		// Bounce off edges
 		if (self.x < self.size) {
 			self.x = self.size;
 			self.driftX = Math.abs(self.driftX);
 		} else if (self.x > game.width - self.size) {
@@ -117,13 +129,13 @@
 		sprite.scaleY = scale;
 	};
 	self.autoPop = function () {
 		if (!self.autoPopDisplayed) {
-			var points = Math.floor(self.getBP() * 0.5); // Half points for auto-pop
-			game.addBP(points, self.x, self.y, true); // Added true flag for autoPop
+			var points = Math.floor(self.getBP() * 0.5);
+			game.addBP(points, self.x, self.y, true);
 			self.autoPopDisplayed = true;
 		}
-		self.destroy();
+		self.deactivate();
 		return;
 	};
 	return self;
 });
@@ -805,32 +817,36 @@
 	return new Bubble();
 });
 game.activeBubbles = [];
 game.MAX_BUBBLES = 200; // Active bubble limit
+game.bubblePool.forEach(function (bubble) {
+	game.addChild(bubble);
+});
 game.baseSpawnRate = 180; // Every 3 seconds
-function spawnSplitBubble(parentX, parentY, size, direction) {
+function spawnBubble(x, y, size) {
+	var direction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 	var isAutoPop = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	var bubble = new Bubble();
-	bubble.x = parentX;
-	bubble.y = parentY;
-	bubble.size = size;
-	bubble.initLifetime(); // Recalculate after size is set
-	bubble.justSplit = true;
-	var speedMultiplier = 120 / size * (0.9 + Math.random() * 0.2);
+	if (game.activeBubbles.length >= game.MAX_BUBBLES) {
+		return null;
+	}
+	// Find first available bubble in pool
+	var bubble = game.bubblePool.find(function (b) {
+		return !b.visible;
+	});
+	if (!bubble) {
+		return null;
+	}
+	bubble.activate(x, y, size);
 	if (isAutoPop) {
-		// Pure upward/sideways motion for natural splits
-		bubble.verticalVelocity = bubble.floatSpeed; // Start at float speed
+		bubble.verticalVelocity = bubble.floatSpeed;
 		bubble.driftX = direction * (Math.random() * 0.8 + 0.5);
 	} else {
-		// Manual pop physics
 		bubble.verticalVelocity = -(Math.random() * 2 + 4);
 		bubble.driftX = direction * (Math.random() * 1.5 + 2);
 	}
-	game.addChild(bubble);
-	game.bubbles.push(bubble);
+	game.activeBubbles.push(bubble);
 	return bubble;
 }
-game.bubbles = []; // Track bubble array
 // Initialize game variables
 //<Assets used in the game will automatically appear here>
 game.bp = 0; // Track total BP 
 game.combo = 0;
@@ -930,16 +946,14 @@
 	// Only allow bubble creation if menu is closed and mouth has been open long enough
 	if (!menuOpen && facekit.mouthOpen && game.mouthOpenDuration >= game.MOUTH_OPEN_THRESHOLD) {
 		// Only allow new bubbles after cooldown
 		if (!game.growingBubble && game.blowCooldown <= 0) {
-			// Calculate spawn position relative to pufferfish mask 
 			var spawnX = playerMask.x;
 			var spawnY = playerMask.y + playerMask.height * 0.15;
-			game.growingBubble = new Bubble();
-			game.growingBubble.size = game.MIN_SPAWN_SIZE;
-			game.addChild(game.growingBubble);
-			game.bubbles.push(game.growingBubble);
-			game.blowCooldown = game.BLOW_COOLDOWN_TIME;
+			game.growingBubble = spawnBubble(spawnX, spawnY, game.MIN_SPAWN_SIZE, 0, false);
+			if (game.growingBubble) {
+				game.blowCooldown = game.BLOW_COOLDOWN_TIME;
+			}
 		}
 		if (game.growingBubble) {
 			game.growingBubble.x = playerMask.x;
 			game.growingBubble.y = playerMask.y + playerMask.height * 0.15;
@@ -968,27 +982,19 @@
 			var fish = new Fish();
 			game.addChild(fish);
 		}
 	}
-	// Update all children (bubbles) 
-	// Only spawn if under max bubbles
-	if (game.bubbles.length < game.MAX_BUBBLES) {
+	if (game.activeBubbles.length < game.MAX_BUBBLES) {
 		if (LK.ticks % game.baseSpawnRate == 0) {
 			var x = Math.random() * (game.width - 200) + 100;
-			spawnSplitBubble(x, game.height + 100, 100, 0);
+			spawnBubble(x, game.height + 100, 100, 0, true);
 		}
 	}
-	// Clean up destroyed bubbles from array
-	game.bubbles = game.bubbles.filter(function (bubble) {
-		return !bubble.destroyed;
-	});
-	// Update all children (bubbles)
-	for (var i = game.bubbles.length - 1; i >= 0; i--) {
-		var bubble = game.bubbles[i];
+	game.activeBubbles.forEach(function (bubble) {
 		if (bubble.update) {
 			bubble.update();
 		}
-	}
+	});
 };
 // Handle touch/mouse events for the game
 game.down = function (x, y, obj) {
 	var localX = x - menuContainer.x;
@@ -1023,10 +1029,11 @@
 		return true; // Let containers handle their own clicks
 	}
 	// Bubble popping logic remains the same
 	var popped = false;
-	for (var i = game.bubbles.length - 1; i >= 0; i--) {
-		var bubble = game.bubbles[i];
+	// NEW:
+	for (var i = game.activeBubbles.length - 1; i >= 0; i--) {
+		var bubble = game.activeBubbles[i];
 		var dx = x - bubble.x;
 		var dy = y - bubble.y;
 		var distance = Math.sqrt(dx * dx + dy * dy);
 		if (!popped && distance <= bubble.size / 2 + 10 && bubble.down) {
Creation History

Images

Sounds & Music

Used plugins
