Upit | Learn about creating the game Froggy with gen AI

Play

game-community-background

user photo

game-pic

4K

0

10mo

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

#onebutton2024

#jumping

#hypercasual

#addictive

#frog

#mastery

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

the background slides a bit too much upon jump, make it slide less

Code edit (2 edits merged)

Please save this source code

User prompt

the background correctly slides down while the player is jumping, but it doesn't slide back up, instead it simply snaps back to it's original position. it should slide back up just as it slides down, based on the same distance it slid down

Code edit (2 edits merged)

Please save this source code

User prompt

the background correctly slides down while the player is jumping, but it doesn't slide back up upon the player descending, instead it simply snaps back to it's original position. it should slide back up just as it slides down, based on the same distance it slided down

Code edit (8 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: setInterval is not a function' in or related to this line: 'var slideUpInterval = setInterval(function () {' Line Number: 159

User prompt

the background correctly slides down while the player is jumping, but it doesn't slide back up upon the player descending, instead it simply snaps back to it's original position. it should slide back up just as it slides down

User prompt

the background also needs to slide back up to it's original position, as soon as the character starts descending back to treturn to the ground. there needs to be a direct correlation between the player's jump and the background sliding. so while the player is moving up the background slides down, and viceverse, while the player returns back to the ground the background needs to slide back up, so that once the player lands back on the ground that is correlated to the background sliding back up to it's original position

User prompt

the background is not moving, it needs to sldie down as requested

User prompt

after the tap is released and the frog jumps, the background needs to slide down. as soon as the player starts descending back, slide the background back up until it returned to it's original position. the background has to slide down directly proportional to the player's jump as affected by the amount of time the figner was pressed

Code edit (1 edits merged)

Please save this source code

Code edit (4 edits merged)

Please save this source code

User prompt

add a delay between the shake effect of each coin so they are not perfectly syncronized

User prompt

add a delay between the shake effect of each coin so they are not perfectly syncronized

Code edit (11 edits merged)

Please save this source code

User prompt

add a shake or vibrate effect to the coins

Code edit (1 edits merged)

Please save this source code

User prompt

the spawners are placed exactly at the edge of the screen, making the coins seem to pop out of nowhere, move them 50 pixels outside the edge of the screen so the coins are generated outside the screen bounds

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

===================================================================
--- original.js
+++ change.js
@@ -5,9 +5,9 @@
 var BackgroundContainer = Container.expand(function () {
 	var self = Container.call(this);
 	return self;
 });
-// Define the Coin class
+// Define the Left Coin class
 var Coin = Container.expand(function () {
 	var self = Container.call(this);
 	var coinGraphics = self.attachAsset('coin', {
 		anchorX: 0.5,
@@ -15,9 +15,9 @@
 	});
 	self.speed = 10;
 	self.update = function () {
 		self.x += self.speed;
-		self.y += Math.sin((LK.ticks + self._id) / 2) * 5; // Add shake effect with delay
+		self.y += Math.sin(LK.ticks / 2) * 5; // Add shake effect
 		if (self.intersects(player)) {
 			LK.setScore(LK.getScore() + 1);
 			scoreText.setText(LK.getScore());
 			self.destroy();
@@ -26,20 +26,20 @@
 		}
 	};
 	return self;
 });
-// Define the CoinLeft class
+// Define the Right Coins class
 var CoinLeft = Container.expand(function () {
 	var self = Container.call(this);
 	var coinGraphics = self.attachAsset('coin', {
 		anchorX: 0.5,
 		anchorY: 0.5,
-		scaleX: +1 // Flip the X axis
+		scaleX: -1 // Flip the X axis
 	});
 	self.speed = -10;
 	self.update = function () {
 		self.x += self.speed;
-		self.y += Math.sin((LK.ticks + self._id) / 5) * 2; // Add shake effect with delay
+		self.y += Math.sin(LK.ticks / 5) * 2; // Add shake effect
 		if (self.intersects(player)) {
 			LK.setScore(LK.getScore() + 1);
 			scoreText.setText(LK.getScore());
 			self.destroy();

Showing 76 to 100 of 245

1 2 3 4 5 6 7 ...10

Images

pixelated 8-bit cute sitting frog seen from the front.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

pixelated 8-bit cute jumping frog seen from the front.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

background of a pond in the middle of the nature. pixelated 8-bit.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Sounds & Music

Charge

Sound effect

Jump

Sound effect

Eat

Sound effect

Land

Sound effect

Life

Sound effect

backgroundMusic

Music

Main