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

Please save this source code

User prompt

Add a new Highlight class comprising of the highlight which slowly rotated in the update function

Code edit (3 edits merged)

Please save this source code

User prompt

Add a hookContainer empty Containers to the camera class

User prompt

Rename the lilypadStalk asset to stalk and rename its usage in the lilypad class

Code edit (5 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: self is undefined' in or related to this line: 'var lillypadContainer = self.addChild(new Container());' Line Number: 210

User prompt

Add the following empty Containers to the camera class: lillypadContainer, pickupContainer

Code edit (8 edits merged)

Please save this source code

User prompt

Create a Frog class which displays the frog asset, and create an instance at the PLAYER_START_X, PLAYER_START_Y position

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

tint the stalk slightly light green

Code edit (7 edits merged)

Please save this source code

User prompt

use the lilypadStalk instead of the shapeBox, and no longer tint it

Code edit (3 edits merged)

Please save this source code

User prompt

Create a Lilypad class that has a shapeBox asset (as a stalk) and the lilypad asset. The shapeBox asset should have an anchor of (0.5, 0), be resized to a width of 25 and a height of 1.2 * its y position, have a random rotation between -10 degree and 10 degrees, and be tinted green

Code edit (2 edits merged)

Please save this source code

User prompt

Tint the foreground assets by 50% grey

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

tint the foreground by 50% grey

Code edit (7 edits merged)

Please save this source code

User prompt

create a new foreground class that contains 2 foreground assets side-by-side

Code edit (3 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -51,9 +51,9 @@
 var Frog = ConfigContainer.expand(function (config) {
 	var self = ConfigContainer.call(this, config);
 	var frog = self.attachAsset('frog', {
 		anchorX: 0.5,
-		anchorY: 0.5
+		anchorY: 0.75
 	});
 	return self;
 });
 var Foreground = ConfigContainer.expand(function (config) {
@@ -143,8 +143,9 @@
 ;
 // Player Settings
 var PLAYER_START_X = -300;
 var PLAYER_START_Y = -1000;
+var PLAYER_RANGE = 650;
 ;
 //==============================================================================
 // Game Instances & Variables
 //==============================================================================
@@ -187,5 +188,7 @@
 }));
 camera.addChild(new Lilypad({
 	x: PLAYER_START_X + 100,
 	y: -300
-}));
\ No newline at end of file
+}));
+var lillypadContainer = self.addChild(new Container());
+var pickupContainer = self.addChild(new Container());
\ No newline at end of file