Upit | Learn about creating the game Find the Button with gen AI

/**** * Classes ****/ var BackgroundContainer = Container.expand(function () { var self = Container.call(this); }); //<Assets used in the game will automatically appear here> // Button class var Button = Container.expand(function (buttonId) { var self = Container.call(this); var buttonGraphics = self.attachAsset(buttonId, { anchorX: 0.5, anchorY: 0.5 }); self.update = function () { // No specific update logic for the button }; self.down = function (x, y, obj) { // When the button is clicked, increase the score and move the button to a new random position level += 1; levelTxt.setText(level); self.x = Math.random() * (2048 - buttonGraphics.width) + buttonGraphics.width / 2; self.y = Math.random() * (2732 - buttonGraphics.height) + buttonGraphics.height / 2; updateButtons(); }; }); var ButtonDisplay = Container.expand(function () { var self = Container.call(this); var currentButtonId = null; var buttonGraphics = null; self.updateButton = function (buttonId) { if (buttonGraphics) { self.removeChild(buttonGraphics); } currentButtonId = buttonId; buttonGraphics = self.attachAsset(buttonId, { anchorX: 0.5, anchorY: 0.5 }); buttonGraphics.x = 2048 / 2; buttonGraphics.y = 100; // Position at the top center }; }); var ForegroundContainer = Container.expand(function () { var self = Container.call(this); }); var MidgroundContainer = Container.expand(function () { var self = Container.call(this); }); var UI = Container.expand(function () { var self = Container.call(this); }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Initialize and add BackgroundContainer, MidgroundContainer, and ForegroundContainer to the game var backgroundContainer = game.addChild(new BackgroundContainer()); var midgroundContainer = game.addChild(new MidgroundContainer()); var foregroundContainer = game.addChild(new ForegroundContainer()); // Initialize UI container and add it to the foreground container var uiContainer = foregroundContainer.addChild(new UI()); // Initialize ButtonDisplay var buttonDisplay = uiContainer.addChild(new ButtonDisplay()); // Initialize currentButtonId variable var currentButtonId = null; // Function to update buttons based on the current level function updateButtons() { // Clear existing buttons buttons.forEach(function (button) { return button.destroy(); }); buttons = []; // Add buttons based on the current level var availableButtons = []; for (var i = 1; i <= Math.min(level + 1, 10); i++) { availableButtons.push('Button_' + i); } if (currentButtonId) { availableButtons = availableButtons.filter(function (buttonId) { return buttonId !== currentButtonId; }); } var randomButtonId = availableButtons[Math.floor(Math.random() * availableButtons.length)]; buttonDisplay.updateButton(randomButtonId); for (var i = 1; i <= Math.min(level + 1, 10); i++) { var button = new Button('Button_' + i); button.x = Math.random() * (2048 - button.width) + button.width / 2; button.y = Math.random() * (2732 - button.height) + button.height / 2; buttons.push(button); game.addChild(button); } currentButtonId = randomButtonId; } // Initialize level text var levelTxt = new Text2('1', { size: 150, fill: "#ffffff" }); levelTxt.setText(level); levelTxt.anchor.set(0.5, 0.5); levelTxt.x = 2048 / 2; levelTxt.y = 2732 / 2; uiContainer.addChild(levelTxt); // Initialize buttons at the start of the game updateButtons(); // Update function for the game game.update = function () { // No specific update logic for the game }; // Mouse or touch down on the game object game.down = function (x, y, obj) { // No specific logic for game down event }; // Mouse or touch up on the game object game.up = function (x, y, obj) { // No specific logic for game up event }; // Mouse or touch move on the game object game.move = function (x, y, obj) { // No specific logic for game move event };

===================================================================
--- original.js
+++ change.js
@@ -23,8 +23,25 @@
 		self.y = Math.random() * (2732 - buttonGraphics.height) + buttonGraphics.height / 2;
 		updateButtons();
 	};
 });
+var ButtonDisplay = Container.expand(function () {
+	var self = Container.call(this);
+	var currentButtonId = null;
+	var buttonGraphics = null;
+	self.updateButton = function (buttonId) {
+		if (buttonGraphics) {
+			self.removeChild(buttonGraphics);
+		}
+		currentButtonId = buttonId;
+		buttonGraphics = self.attachAsset(buttonId, {
+			anchorX: 0.5,
+			anchorY: 0.5
+		});
+		buttonGraphics.x = 2048 / 2;
+		buttonGraphics.y = 100; // Position at the top center
+	};
+});
 var ForegroundContainer = Container.expand(function () {
 	var self = Container.call(this);
 });
 var MidgroundContainer = Container.expand(function () {
@@ -49,27 +66,39 @@
 var midgroundContainer = game.addChild(new MidgroundContainer());
 var foregroundContainer = game.addChild(new ForegroundContainer());
 // Initialize UI container and add it to the foreground container
 var uiContainer = foregroundContainer.addChild(new UI());
-// Initialize level variable
-var level = 1;
-// Initialize buttons array
-var buttons = [];
+// Initialize ButtonDisplay
+var buttonDisplay = uiContainer.addChild(new ButtonDisplay());
+// Initialize currentButtonId variable
+var currentButtonId = null;
 // Function to update buttons based on the current level
 function updateButtons() {
 	// Clear existing buttons
 	buttons.forEach(function (button) {
 		return button.destroy();
 	});
 	buttons = [];
 	// Add buttons based on the current level
+	var availableButtons = [];
 	for (var i = 1; i <= Math.min(level + 1, 10); i++) {
+		availableButtons.push('Button_' + i);
+	}
+	if (currentButtonId) {
+		availableButtons = availableButtons.filter(function (buttonId) {
+			return buttonId !== currentButtonId;
+		});
+	}
+	var randomButtonId = availableButtons[Math.floor(Math.random() * availableButtons.length)];
+	buttonDisplay.updateButton(randomButtonId);
+	for (var i = 1; i <= Math.min(level + 1, 10); i++) {
 		var button = new Button('Button_' + i);
 		button.x = Math.random() * (2048 - button.width) + button.width / 2;
 		button.y = Math.random() * (2732 - button.height) + button.height / 2;
 		buttons.push(button);
 		game.addChild(button);
 	}
+	currentButtonId = randomButtonId;
 }
 // Initialize level text
 var levelTxt = new Text2('1', {
 	size: 150,

Creation History

Images

Sounds & Music