Upit | Learn about creating the game Water Pipe Maze with gen AI

===================================================================
--- original.js
+++ change.js
@@ -6,8 +6,30 @@
 
 /**** 
 * Classes
 ****/ 
+var Butterfly = Container.expand(function () {
+	var self = Container.call(this);
+	var butterflyFrames = ['butterfly', 'butterfly2', 'butterfly3', 'butterfly4'];
+	var currentFrame = 0;
+	var animationSpeed = 0.1; // Adjust speed as needed
+	var frameCount = 0;
+	// Attach the first frame of the butterfly
+	var butterflyGraphics = self.attachAsset(butterflyFrames[currentFrame], {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Update function to animate the butterfly
+	self.update = function () {
+		frameCount += animationSpeed;
+		if (frameCount >= 1) {
+			frameCount = 0;
+			currentFrame = (currentFrame + 1) % butterflyFrames.length;
+			butterflyGraphics.setTexture(LK.getAsset(butterflyFrames[currentFrame], {}).texture);
+		}
+	};
+	return self;
+});
 // Removed the import statement for the tween plugin as it is causing an error
 var Flower = Container.expand(function (maxIndex, x, y) {
 	var self = Container.call(this);
 	var positionRange = 200;
@@ -186,8 +208,11 @@
 /**** 
 * Game Code
 ****/ 
 function playPlumesAnim() {
+	if (!frontLayer) {
+		return;
+	}
 	// Create a plume asset at the right edge of the screen
 	var plume = LK.getAsset('plumes', {
 		anchorX: 0.5,
 		anchorY: 0.5,
@@ -199,14 +224,16 @@
 		scaleY: 1,
 		alpha: 1
 	});
 	// Add the plume to the game
-	game.addChild(plume);
+	frontLayer.addChild(plume);
 	// Animate the plume to move from right to left
 	tween(plume, {
-		x: -50 // Move off-screen to the left
+		x: -50,
+		// Move off-screen to the left,
+		y: 100 + Math.random() * 2500
 	}, {
-		duration: 5000 + Math.random() * 3000,
+		duration: 8000 + Math.random() * 3000,
 		// Random duration between 5 to 8 seconds
 		easing: tween.linear,
 		onFinish: function onFinish() {
 			// Remove the plume after animation completes
@@ -2247,9 +2274,9 @@
 	resetButton.visible = false;
 	// Add the level text to the game
 	game.addChild(resetButton);
 	// Set an interval to play plumes animation every 5 to 10 seconds
-	LK.setInterval(playPlumesAnim, 5000 + Math.random() * 5000);
+	LK.setInterval(playPlumesAnim, 1000 + Math.random() * 2000);
 	// Transition to menu state
 	changeGameState(GAME_STATE.MENU);
 }
 function initMenuState() {
Creation History

Images

Sounds & Music
