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

Play

Froggy Firefly

h3katonkheir

FroggyFirefly

2.2K

9mo

Playit

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

Please save this source code

User prompt

Please implement this in the frog class for TODO 1,2 and 3 respectively

Code edit (16 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: r is not defined' in or related to this line: 'var vt = self.angularVelocity * r;' Line Number: 161

User prompt

Please implement this for the frog class. The TODO 1 is when the frog instance attaches to the hook, the TODO 2 is when the frog releases itself from the hook, and the TODO 3 is the angular momentum update while attached to the hook point

User prompt

Please fix the bug: 'ReferenceError: distance is not defined' in or related to this line: 'var angle = self.angularMomentum / distance;' Line Number: 148

User prompt

Please complete TODO 1, 2 and 3. TODO 1 should convert the current velocity into angular momentum, TODO 2 should convert the current angular momentum into velocity, and TODO 3 should update the position based on the angular momentum and also be influenced by player gravity.

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

When releasing, convert the tangential velocity into the new vx and vy

User prompt

Similarly apply the tangential velocity solution while the frog is attached to the hook, and revert it once the release function is called

User prompt

Assuming the frog is the body in this example, please add a vx, vy to it, and allow it to be affected by gravity.

User prompt

make the pink tongue a slightly darker pink

Code edit (1 edits merged)

Please save this source code

User prompt

tint the tongue body and tip pink

Code edit (1 edits merged)

Please save this source code

User prompt

In the Frog's attach function, if hook is defined, create a new FrogTongue with the length calculated from dx and dy. In the Frog's release function, destroy the tongue

Code edit (3 edits merged)

Please save this source code

User prompt

Create a new frogTongue class (inheriting from ConfigContainer) which contains a shapeBox (tongueBody) and shapeEllipse (tongueTip)

User prompt

Create a new frogTongue class which contains a shapeBox (tongueBody) and shapeEllipse (tongueTip)

Code edit (1 edits merged)

Please save this source code

User prompt

if the hook is defined, also rotate the frog's rotation toward the hook

User prompt

in the frogs attach function, check if the hook is defined and play the frogTongue sound, otherwise play the noTarget sound

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: defaultHook is not defined' in or related to this line: 'var highlight = defaultHook.highlightContainer.addChild(new Highlight());' Line Number: 227

===================================================================
--- original.js
+++ change.js
@@ -91,14 +91,26 @@
 			// Calculate the angle between the frog and the hook
 			var dx = hook.x - self.x;
 			var dy = hook.y - self.y;
 			self.rotation = Math.atan2(dy, dx);
+			// Calculate the length of the tongue
+			var length = Math.sqrt(dx * dx + dy * dy);
+			// Create a new FrogTongue
+			self.tongue = new FrogTongue({
+				length: length
+			});
+			game.addChild(self.tongue);
 			LK.getSound('frogTongue').play();
 		} else {
 			LK.getSound('noTarget').play();
 		}
 	};
-	self.release = function () {};
+	self.release = function () {
+		if (self.tongue) {
+			self.tongue.destroy();
+			self.tongue = null;
+		}
+	};
 	;
 	return self;
 });
 var Foreground = ConfigContainer.expand(function (config) {