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

Play

Find the Button

octo

FindtheButton

629

11mo

Playit

Quick! Spot the hidden button. Addictive fun for all ages!

#onebutton2024

#survival

#hiddenobjects

#timing

#reflexes

Creation History

User prompt

there's a bug with the level indicator. the game starts at level 1 and that value is correctly indicated, but after selecting the indicated button, the game advances to level 2, however that value is not correctly indicated in the UI, as the value still remains at 1 which is a bug

User prompt

there's a but with the level indication, as the level only starts to update one level too slow

User prompt

The Level is not updating correctly as it doesn't update after the first button is indicated. after correctly finding the indicated button, and you move to the next level, immediatelly update the value to reflect 2

User prompt

Please fix the bug: 'Uncaught ReferenceError: scoreTxt is not defined' in or related to this line: 'scoreTxt.anchor.set(0.5, 0);' Line Number: 62

User prompt

The current score whould be converted into actually displaying the Level. So since this now tracks the level instead of the score, start with it by displaying 1 instead of 0

User prompt

The game has a Levels system. The game STarts at level 1 with Buttons 1 and 2. After Each correct button has been found, move on to the next Level and itnroduce a new button, the next button. So at level 2 button 3 is introduced, at level 3 button 4 and so on until level 11 where Button 10 is introduced. moving onward with level 12 no other buttons can be itnroduced, but the levels still continue as usual

User prompt

the Button indicated in the UI needs to change after every round. Ensure it picks a random button from the ones available during that round. So since round 1 starts with buttons 1 and 2, it can picks any of the two. in the next round Button 3 is introduces, so now the button that must be found can be any of the 3 available during that round, with the excption of the one picked in the previous round, to ensure a new button is presented after each round

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of null (reading 'length')' in or related to this line: 'targetButtonTxt = LK.getAsset(targetButton, {' Line Number: 45

User prompt

In each round, the game board contains multiple buttons. The target button appears exactly once, ensuring that there is only one instance of the button that players need to find. All other buttons increase in quantity according to the predefined table, but the target button will always have only one instance.

User prompt

For each new round, introduce a new button type sequentially up to Button 10. Increase the quantity of each existing button type according to the predefined table: Round 1: Button 1 - 1, Button 2 - 1 Round 2: Button 1 - 1, Button 2 - 2, Button 3 - 1 Round 3: Button 1 - 1, Button 2 - 3, Button 3 - 2, Button 4 - 1 (Continue this pattern up to Button 10, afterwards while no newly buttons will be introduced, their quantity will still increase by 1 for each button after each round)

User prompt

At the start of each round, randomly select a button from the available types in that round. Ensure the selected button is different from the previous round's selected button and appears only once in the current round.

User prompt

For the Target Button UI, instead of indicating the target through text, replace the text, in this case Button_1 with the actual graphical asset of the button that needs to be identified

User prompt

Create a UI element to display the current target button that needs to be found in each round. At the start of each round, update this UI element to show the randomly selected target button for that round.

User prompt

Initialize the game with Round 1 containing 1 instance of Button 1 and 1 instance of Button 2.

User prompt

Create 10 unique buttons, numbered 1 to 10.

Initial prompt

Find the Button

/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
// Button class
var Button = Container.expand(function (buttonType) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset(buttonType, {
		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
		LK.setScore(LK.getScore() + 1);
		scoreTxt.setText(LK.getScore());
		self.x = Math.random() * (2048 - buttonGraphics.width) + buttonGraphics.width / 2;
		self.y = Math.random() * (2732 - buttonGraphics.height) + buttonGraphics.height / 2;
		// Update the target button display with the actual graphical asset of the target button
		targetButtonTxt.destroy();
		targetButtonTxt = LK.getAsset(buttonType, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		LK.gui.top.addChild(targetButtonTxt);
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize level text
var levelTxt = new Text2('1', {
	size: 150,
	fill: "#ffffff"
});
levelTxt.setText(currentLevel);
// Initialize score text
var scoreTxt = new Text2('1', {
	size: 150,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Initialize target button display with a default button asset
var targetButtonTxt = LK.getAsset('Button_1', {
	anchorX: 0.5,
	anchorY: 0.5
});
targetButtonTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(targetButtonTxt);
// Create a variable to keep track of the current level
var currentLevel = 1;
// Create the button1 and add it to the game
var button1 = game.addChild(new Button('Button_1'));
button1.x = 2048 / 3;
button1.y = 2732 / 2;
// Create the button2 and add it to the game
var button2 = game.addChild(new Button('Button_2'));
button2.x = 2 * 2048 / 3;
button2.y = 2732 / 2;
// Update function for the game
game.update = function () {
	// Increase the level after each correct button is found
	if (LK.getScore() >= currentLevel) {
		currentLevel++;
		// Update the level text to reflect the current level
		levelTxt.setText(currentLevel);
		// Introduce a new button at each level until level 11
		if (currentLevel <= 11) {
			var button = game.addChild(new Button('Button_' + currentLevel));
			button.x = Math.random() * (2048 - button.width) + button.width / 2;
			button.y = Math.random() * (2732 - button.height) + button.height / 2;
		}
	}
};
// 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
@@ -73,9 +73,9 @@
 	// Increase the level after each correct button is found
 	if (LK.getScore() >= currentLevel) {
 		currentLevel++;
 		// Update the level text to reflect the current level
-		levelTxt.setText(currentLevel + 1);
+		levelTxt.setText(currentLevel);
 		// Introduce a new button at each level until level 11
 		if (currentLevel <= 11) {
 			var button = game.addChild(new Button('Button_' + currentLevel));
 			button.x = Math.random() * (2048 - button.width) + button.width / 2;

Showing 151 to 166 of 166

1 2 3 4 5 6 7

Images

white stylized minimalistic 8-bit pixelated background.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Sounds & Music

🎵

Correct

Sound effect

Main