Upit | Learn about creating the game Froggy Firefly with gen AI

Play

game-community-background

user photo

game-pic

2.2K

3

9mo

Tap & hold to swing across the landscape, eating bugs to increase your multiplier and escape the impending fire!

#onebutton2024

#arcade

#endlessrunner

#survival

Creation History

Code edit (3 edits merged)

Please save this source code

User prompt

In the interface's finalize function, round the score variable and save it using the LK engine

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: pickupContainer is undefined' in or related to this line: 'var pickup = pickupContainer.addChild(new Pickup({' Line Number: 439

User prompt

Add a pickup class, inheriting from ConfigContainer. It has the collectable asset with a random rotation, and an update function that checks for a collision with the frog instance, if so, it is destroyed and the interface score multiplier increased by 0.1

Code edit (6 edits merged)

Please save this source code

User prompt

Play the frogBounce sound in the lilypad's launch function

Code edit (6 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: velocityY is not defined' in or related to this line: 'velocityY = -Math.abs(velocityY); // Example: reverse the Y velocity' Line Number: 53

User prompt

add an update statement to the lilypad class that checks for a collision with the frog instance and calls a new bounce function on the frog

Code edit (1 edits merged)

Please save this source code

Code edit (4 edits merged)

Please save this source code

User prompt

change the interface text colours to black

Code edit (8 edits merged)

Please save this source code

User prompt

Instead of adding the gameInterface to the game, add it to the middle GUI element

User prompt

Add an Interface class that contains a score (displaying only the score value) and a multiplier below (displayed as the numerical rounded to 1 decimal place, and an "x", eg: "1.0x").

Code edit (1 edits merged)

Please save this source code

Code edit (5 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: soundFireCrackling is undefined' in or related to this line: 'soundFireCrackling.volume = volume;' Line Number: 438

User prompt

Please fix the bug: 'ReferenceError: volume is not defined' in or related to this line: 'soundFireCrackling.volume = volume;' Line Number: 438

Code edit (1 edits merged)

Please save this source code

User prompt

Add a slightly transparent black tinted shapeBox to the firewall. It should have a width of 2 * GAME_WIDTH, a height of 2 * GAME_HEIGHT and an anchor of 1,1

Code edit (2 edits merged)

Please save this source code

User prompt

In the game.update function add an empty if statement, checking if the tick counter is at 10s

Code edit (2 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -33,10 +33,9 @@
 	});
 	self.update = function () {
 		if (collectable.intersects(frog)) {
 			self.destroy();
-			var currentMultiplier = parseFloat(gameInterface.multiplierText.text);
-			gameInterface.updateMultiplier(currentMultiplier + 0.1);
+			gameInterface.increaseMultiplier();
 		}
 	};
 	return self;
 });
@@ -80,8 +79,10 @@
 	return self;
 });
 var Interface = ConfigContainer.expand(function (config) {
 	var self = ConfigContainer.call(this, config);
+	var score = 0;
+	var multiplier = 1.0;
 	var scoreText = self.addChild(new BorderedText('0', {
 		y: -75,
 		size: 1.5 * TEXT_DEFAULT_SIZE,
 		anchorX: 0.5
@@ -91,14 +92,23 @@
 		anchorX: 0.5,
 		anchorY: 0.5
 	}));
 	;
-	self.updateScore = function (score) {
+	self.finalize = function () {
+		score = Math.round(score);
+		LK.saveScore(score);
+	};
+	self.updateScore = function (newScore) {
+		score = newScore;
 		scoreText.setText(score);
 	};
-	self.updateMultiplier = function (multiplier) {
-		multiplierText.setText(multiplier.toFixed(1) + 'x');
+	self.increaseMultiplier = function () {
+		self.updateMultiplier(multiplier + 0.1);
 	};
+	self.updateMultiplier = function (newMultiplier) {
+		multiplier = newMultiplier;
+		multiplierText.setText(newMultiplier.toFixed(1) + 'x');
+	};
 	;
 	return self;
 });
 var Hook = ConfigContainer.expand(function (config) {
@@ -561,16 +571,13 @@
 	frog.attach(targetHook);
 	if (paused) {
 		paused = false;
 		defaultPad.launch();
-		// Example of updating score and multiplier
-		// gameInterface.updateScore(LK.getScore());
-		// gameInterface.updateMultiplier(1.0); // Replace with actual multiplier logic
 	}
-	;
 };
 game.update = function () {
 	if (gameOver) {
+		gameInterface.finalize();
 		LK.showGameOver();
 	}
 	// Dynamically loop the fire crackling effect based on distance
 	if (LK.ticks % (GAME_TICKS * 1) === 0) {

Showing 126 to 150 of 440

1 ...4 5 6 7 8 ...18

Images

pixelart white unfilled circle.
red background, high contrast, shadowless.

plain black background with a few small stars. 2d repeating Texture..

pixelart of a single blade of grass.
2d sprite, white background

black circle with ultra-thin white border.
black background

Sounds & Music

fireCrackle

Sound effect

frogTongue

Sound effect

frogDeath

Sound effect

lilypadBounce

Sound effect

noTarget

Sound effect

backgroundAmbient

Sound effect

fireCrackling1

Sound effect

fireCrackling2

Sound effect

fireCrackling3

Sound effect

fireCrackling4

Sound effect

frogBounce

Sound effect

pickupCaught

Sound effect

Main