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 (1 edits merged)

Please save this source code

User prompt

In the lilypad collision, check if it contains a pickup and call its collect function

User prompt

add a "collect" function to the pickup class, moving the post-collision logic into the function, to be replaced with the collect function call

Code edit (1 edits merged)

Please save this source code

User prompt

add a slight hue to the dark grass tint

Code edit (1 edits merged)

Please save this source code

User prompt

In the grass asset class, randomly flip the scaleX value

User prompt

grass assets' scaleX should be of a random sign

User prompt

Grass assets should have an opacity of 0.75 and be only 90% black

Code edit (3 edits merged)

Please save this source code

User prompt

add grassShort and grassAngled to the GRASS_ASSETS list

User prompt

grass assets should be tinted black and have 0.5 opacity

Code edit (2 edits merged)

Please save this source code

User prompt

The grass class should have an update method that destroys it if it goes behind the firewall

User prompt

create a new grass class, inheriting from the ConfigContainer. As shown in the spawnGrass function, the class should attach an asset (anchor of 0.5,1.0) using the assetId of config.asset with the scaleX and scaleY of config.scale

Code edit (2 edits merged)

Please save this source code

User prompt

when the game ends, call frog release function

User prompt

when pickups check for collisions with the frog, they should use the frog's collision property instead

Code edit (1 edits merged)

Please save this source code

User prompt

Rename `PLAYER_TONGUE_RANGE` to `PLAYER_TONGUE_RANGE_MAX` and `minDistanceSq` to `maxDistanceSq`

User prompt

Rename `minDistanceSq` to `maxDistanceSq` and add a new `minDistanceSq` to be calculated from the `PLAYER_TONGUE_RANGE_MIN`. Checking both the min and max distances when checking

User prompt

Rename the global `PLAYER_TONGUE_RANGE` to `PLAYER_TONGUE_RANGE_MAX` and update all its usages. Add a new global under `PLAYER_TONGUE_RANGE_MAX` called `PLAYER_TONGUE_RANGE_MIN`

Code edit (1 edits merged)

Please save this source code

User prompt

the hook should flip it's hook asset's scale.x every 5 to 10 frames

User prompt

Please fix the bug: 'ReferenceError: highlightContainer is not defined' in or related to this line: 'self.highlightContainer = highlightContainer;' Line Number: 183

===================================================================
--- original.js
+++ change.js
@@ -627,9 +627,8 @@
 var PLAYER_GRAVITY = 0.5;
 var PLAYER_SPIN_MAGNITUDE = -2.0;
 var PLAYER_ANGULAR_DAMPENING = 0.9995;
 var PLAYER_TONGUE_RANGE_MAX = 1000;
-var PLAYER_TONGUE_RANGE_MIN = 500; // Example value, adjust as needed
 var PLAYER_ATTACH_MULTIPLIER = 1.12;
 var PLAYER_RELEASE_MULTIPLIER = 1.12;
 var PLAYER_RELEASE_VY_BONUS = 5;
 var PLAYER_BOUNCE_FACTOR = -1.12;
@@ -805,17 +804,16 @@
 	}
 	// Find the targetHook
 	var closestHook = undefined;
 	var maxDistanceSq = PLAYER_TONGUE_RANGE_MAX * PLAYER_TONGUE_RANGE_MAX;
-	var minDistanceSq = PLAYER_TONGUE_RANGE_MIN * PLAYER_TONGUE_RANGE_MIN;
 	for (var i = 0; i < hookContainer.children.length; i++) {
 		var hook = hookContainer.children[i];
 		if (hook !== frog.hookedObj && hook.enabled) {
 			var dx = hook.x - frog.x;
 			if (dx > PLAYER_START_X - hook.width) {
 				var dy = hook.y - frog.y;
 				var distanceSq = dx * dx + dy * dy;
-				if (distanceSq < maxDistanceSq && distanceSq > minDistanceSq) {
+				if (distanceSq < maxDistanceSq) {
 					maxDistanceSq = distanceSq;
 					closestHook = hook;
 				}
 			}

Showing 26 to 50 of 492

1 2 3 4 5 6 7 ...20

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