Upit | Learn about creating the game Maze with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Coin = Container.expand(function () { var self = Container.call(this); var coinGraphics = self.attachAsset('coin', { anchorX: 0.5, anchorY: 0.5, scaleX: 3, scaleY: 3 }); self.touchCount = 0; // Add a counter to track the number of times the coin has been touched self.lastWasIntersecting = false; // Initialize lastWasIntersecting for tracking intersection state // Add rotation to the coin continuously when the game start self.update = function () { if (self.touchCount === 0) { self.rotation += 0.05; } // Check if the point reaches the coin if (!self.lastWasIntersecting && (point.intersects(self) || Math.abs(point.x - self.x) <= self.width / 2 && Math.abs(point.y - self.y) <= self.height / 2)) { // No zoom animation, just handle intersection logic here } self.lastWasIntersecting = point.intersects(self) || Math.abs(point.x - self.x) <= self.width / 2 && Math.abs(point.y - self.y) <= self.height / 2; }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Create a point asset for the cursor var point = LK.getAsset('point', { anchorX: 0.5, anchorY: 0.5 }); game.addChild(point); // Handle mouse movement game.move = function (x, y, obj) { // Update the position of the point asset to follow the cursor point.x = x; point.y = y; }; // Add background to the game var background = LK.getAsset('Background1', { anchorX: 0.5, anchorY: 0.5, scaleX: 2048 / 1000, scaleY: 2732 / 1075 }); game.addChildAt(background, 0); background.x = 2048 / 2; background.y = 2732 / 2 + 115; // Lower the background a bit from the top game.down = function (x, y, obj) { // Check if the mouse is down game.isMouseDown = true; // Check for intersection with coin assets game.children.forEach(function (child) { if (child instanceof Coin && point.intersects(child)) { // Remove the coin asset from the game immediately game.removeChild(child); // Increase the coin count var coinCount = parseInt(coinCountText.text.split('/')[0]) + 1; coinCountText.setText(coinCount + '/7'); child.visible = false; // Hide the coin } }); }; // Create 7 new coin assets at fixed positions for (var i = 0; i < 7; i++) { var newCoin = new Coin(); game.addChild(newCoin); // Set the coins at fixed positions if (i === 0) { newCoin.x = 1035; newCoin.y = 550; } else if (i === 1) { newCoin.x = 775; newCoin.y = 790; } else if (i === 2) { newCoin.x = 640; newCoin.y = 1485; } else if (i === 3) { newCoin.x = 1685; newCoin.y = 670; } else if (i === 4) { newCoin.x = 640; newCoin.y = 1840; } else if (i === 5) { newCoin.x = 365; newCoin.y = 1425; } else if (i === 6) { newCoin.x = 1815; newCoin.y = 1425; } else { newCoin.x = 200 + i * 200; newCoin.y = 200 + i * 200; } console.log("Coin " + (i + 1) + " position: x=" + newCoin.x + ", y=" + newCoin.y); } game.up = function (x, y, obj) { // Set a flag to track if the mouse is up game.isMouseDown = false; }; // Add status time text to the top right side var statusTimeText = new Text2('1:00', { size: 100, fill: 0xFFFFFF }); statusTimeText.anchor.set(1, 0); // Sets anchor to the top right edge of the text. LK.gui.topRight.addChild(statusTimeText); // Add coin count text to the top middle var coinCountText = new Text2('0/7', { size: 100, fill: 0xFFFFFF }); coinCountText.anchor.set(0.5, 0); // Sets anchor to the top middle edge of the text. LK.gui.top.addChild(coinCountText); // Initialize status time var statusTime = 60; // 60 seconds = 1 minute // Create a timer that decreases the status time every second var statusTimeTimer = LK.setInterval(function () { statusTime--; // Update the status time text statusTimeText.setText(statusTime.toString()); // If the status time reaches 0, stop the timer and show game over if (statusTime <= 0) { LK.clearInterval(statusTimeTimer); LK.showGameOver(); } }, 1000); // 1000 milliseconds = 1 second game.move = function (x, y, obj) { // Update the position of the point asset to follow the cursor point.x = x; point.y = y; // Check for intersection with coin assets game.children.forEach(function (child) { if (child instanceof Coin && point.intersects(child)) { // Remove the coin asset from the game immediately game.removeChild(child); // Increase the coin count var coinCount = parseInt(coinCountText.text.split('/')[0]) + 1; coinCountText.setText(coinCount + '/7'); } }); };

===================================================================
--- original.js
+++ change.js
@@ -123,9 +123,8 @@
 var coinCountText = new Text2('0/7', {
 	size: 100,
 	fill: 0xFFFFFF
 });
-coinCountText.setText('0/7'); // Initialize with default value to prevent undefined error
 coinCountText.anchor.set(0.5, 0); // Sets anchor to the top middle edge of the text.
 LK.gui.top.addChild(coinCountText);
 // Initialize status time
 var statusTime = 60; // 60 seconds = 1 minute
@@ -140,22 +139,18 @@
 		LK.showGameOver();
 	}
 }, 1000); // 1000 milliseconds = 1 second
 game.move = function (x, y, obj) {
-	// Check if the mouse is down
-	if (game.isMouseDown) {
-		// Update the position of the point asset to follow the cursor
-		point.x = x;
-		point.y = y;
-		// Check for intersection with coin assets
-		game.children.forEach(function (child) {
-			if (child instanceof Coin && (point.intersects(child) || Math.abs(point.x - child.x) <= child.width / 2 && Math.abs(point.y - child.y) <= child.height / 2)) {
-				// Remove the coin asset from the game immediately
-				game.removeChild(child);
-				// Increase the coin count
-				var coinCount = parseInt(coinCountText.text.split('/')[0]) + 1;
-				coinCountText.setText(coinCount + '/7');
-				child.visible = false; // Hide the coin
-			}
-		});
-	}
+	// Update the position of the point asset to follow the cursor
+	point.x = x;
+	point.y = y;
+	// Check for intersection with coin assets
+	game.children.forEach(function (child) {
+		if (child instanceof Coin && point.intersects(child)) {
+			// Remove the coin asset from the game immediately
+			game.removeChild(child);
+			// Increase the coin count
+			var coinCount = parseInt(coinCountText.text.split('/')[0]) + 1;
+			coinCountText.setText(coinCount + '/7');
+		}
+	});
 };
\ No newline at end of file

Creation History

Images

Used plugins