Upit | Learn about creating the game Froggy with gen AI

Play

Froggy

octo

Froggy

10mo

Playit

Hold to Jump. Collect as many flies as possible without overjumping. Can you master the jump?

#onebutton2024

#jumping

#hypercasual

#addictive

#frog

#mastery

Creation History

User prompt

create a new background asset nd stretch it across the entire size of the screen. add it to the backgroundcontainer

Code edit (1 edits merged)

Please save this source code

User prompt

the text writing is aligned to the left, which means the value extends towards the right, it should instead be aligned to the center so the text always remaines centered regardless of the digits it contains

Code edit (3 edits merged)

Please save this source code

User prompt

add a black outline to the score and ensure its alignment is to the center instead of to the left

Code edit (10 edits merged)

Please save this source code

User prompt

align the score perfectly to the center of the screen

User prompt

add a score text in the center of the screen and place it in the midground container

User prompt

place the spawners in the foregroundcontainer

Code edit (1 edits merged)

Please save this source code

User prompt

reverse the x axis of the coins. so the ones generated on the left have a certain x axis, reverse it, and do the same for the ones on the right

User prompt

flip the X axis of the coins that are generated at the left side of the screen

User prompt

flip the X axis of the coins that are generated at the left side of the screen

User prompt

the game starts lagging after a while, telling me coins are not properly disposed off. ensure you recycle them, so once they go out of the screen, you recycle them

User prompt

Coins should be collectable and increment the score by 1 each

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'var spawner = midgroundContainer.addChild(new SpawnerLeft(60 * (i + 1), 2732 / 7 * i + 500));' Line Number: 189

User prompt

create a BackgroundContainer, MidgroundContainer and ForegroundContainer in that order

User prompt

when the player touches a coin, collect it and add +1 point to the score

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot set properties of undefined (setting 'x')' in or related to this line: 'self.x = 2048 / 2;' Line Number: 170

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'anchor')' in or related to this line: 'self.anchor.set(0.5, 0.5);' Line Number: 168

User prompt

display a score that starts from 0 in the very center of the screen. add a black outline to it. when a coin is collected, increase the score by 1

Code edit (2 edits merged)

Please save this source code

User prompt

now using the same exact logic and implementation, add a new set of 5 spawners, but this time andd them to the right of the screen, and they spawn coins that travel towards the left

Code edit (3 edits merged)

Please save this source code

User prompt

instead of starting the first spawner at the top of the screen, I want it to start 300 pixels lower

===================================================================
--- original.js
+++ change.js
@@ -15,8 +15,12 @@
 	});
 	self.speed = 10;
 	self.update = function () {
 		self.x += self.speed;
+		if (self.intersects(player)) {
+			LK.setScore(LK.getScore() + 1);
+			self.destroy();
+		}
 	};
 	return self;
 });
 // Define the CoinLeft class
@@ -28,8 +32,12 @@
 	});
 	self.speed = -10;
 	self.update = function () {
 		self.x += self.speed;
+		if (self.intersects(player)) {
+			LK.setScore(LK.getScore() + 1);
+			self.destroy();
+		}
 	};
 	return self;
 });
 // Define the ForegroundContainer class