Upit | Learn about creating the game Froggy with gen AI

===================================================================
--- original.js
+++ change.js
@@ -1,7 +1,12 @@
 /**** 
 * Classes
 ****/ 
+// Define the BackgroundContainer class
+var BackgroundContainer = Container.expand(function () {
+	var self = Container.call(this);
+	return self;
+});
 // Define the Coin class
 var Coin = Container.expand(function () {
 	var self = Container.call(this);
 	var coinGraphics = self.attachAsset('coin', {
@@ -26,8 +31,13 @@
 		self.x += self.speed;
 	};
 	return self;
 });
+// Define the ForegroundContainer class
+var ForegroundContainer = Container.expand(function () {
+	var self = Container.call(this);
+	return self;
+});
 // Define the Life class
 var Life = Container.expand(function () {
 	var self = Container.call(this);
 	var lifeGraphics = self.attachAsset('Life', {
@@ -46,8 +56,13 @@
 		}
 	};
 	return self;
 });
+// Define the MidgroundContainer class
+var MidgroundContainer = Container.expand(function () {
+	var self = Container.call(this);
+	return self;
+});
 //<Assets used in the game will automatically appear here>
 // Define the Player class
 var Player = Container.expand(function () {
 	var self = Container.call(this);
@@ -146,22 +161,8 @@
 		}
 	};
 	return self;
 });
-// Define the Score class
-var Score = Text2.expand(function () {
-	var self = Text2.call(this, '0', {
-		size: 150,
-		fill: "#ffffff",
-		stroke: "#000000",
-		strokeThickness: 5,
-		anchorX: 0.5,
-		anchorY: 0.5,
-		x: 2048 / 2,
-		y: 2732 / 2
-	});
-	return self;
-});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -174,23 +175,24 @@
 ****/ 
 // Create the spawners on the right side of the screen
 var spawnersLeft = [];
 for (var i = 0; i < 5; i++) {
-	var spawner = game.addChild(new SpawnerLeft(60 * (i + 1), 2732 / 7 * i + 500));
+	var spawner = midgroundContainer.addChild(new SpawnerLeft(60 * (i + 1), 2732 / 7 * i + 500));
 	spawnersLeft.push(spawner);
 }
-var player = game.addChild(new Player());
-var life = game.addChild(new Life());
+var backgroundContainer = game.addChild(new BackgroundContainer());
+var midgroundContainer = game.addChild(new MidgroundContainer());
+var foregroundContainer = game.addChild(new ForegroundContainer());
+var player = foregroundContainer.addChild(new Player());
+var life = foregroundContainer.addChild(new Life());
 player.x = 2048 / 2;
 player.y = 2732 - player.height;
 // Create the spawners
 var spawners = [];
 for (var i = 0; i < 5; i++) {
-	var spawner = game.addChild(new Spawner(60 * (i + 1), 2732 / 7 * i + 700));
+	var spawner = midgroundContainer.addChild(new Spawner(60 * (i + 1), 2732 / 7 * i + 700));
 	spawners.push(spawner);
 }
-// Create a score object and add it to the GUI overlay
-var score = LK.gui.center.addChild(new Score());
 game.down = function (x, y, obj) {
 	player.startJump();
 	LK.getSound('Charge').play();
 	player.shake = true;
@@ -215,16 +217,6 @@
 	if (player.intersects(life)) {
 		life.destroy();
 		life = game.addChild(new Life());
 	}
-	// Increase the score by 1 when a coin is collected
-	for (var i = game.children.length - 1; i >= 0; i--) {
-		var child = game.children[i];
-		if (child instanceof Coin || child instanceof CoinLeft) {
-			if (player.intersects(child)) {
-				child.destroy();
-				score.setText(parseInt(score.text) + 1);
-			}
-		}
-	}
 	life.update();
 };
\ No newline at end of file
Creation History

Images

Sounds & Music
