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

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

User prompt

the background should have an opacity of 0.25

User prompt

Before creating the moon asset, create a background asset

User prompt

Create a Hook class that contains an empty highlightContainer Container and then a hook asset

Code edit (6 edits merged)

Please save this source code

User prompt

Give the Firewall class a speed var of FIREWALL_SPEED, which increases by FIREWALL_SPEED_INC in the update function. Additionally, increase its x value by speed in the update function

Code edit (1 edits merged)

Please save this source code

Code edit (7 edits merged)

Please save this source code

User prompt

after creating all the columns in the firewall, invert the array of children

Code edit (3 edits merged)

Please save this source code

User prompt

add an update function to the firewall which randomly selects 1 column from the columns array and inverts it's scaleX

Code edit (6 edits merged)

Please save this source code

User prompt

firewall columns should begin with a random xflip

Code edit (1 edits merged)

Please save this source code

User prompt

The firewall instance should be created after the camera instance and added to the camera instance instead of game

User prompt

Please fix the bug: 'ReferenceError: firewallColumn is not defined' in or related to this line: 'var column = self.attachAsset('firewallColumn', {' Line Number: 50

User prompt

Add a new "Firewall" class inheriting from ConfigContainer. It should consist of 1 firewallBase asset (with an anchor of 0.5,1.0) and multiple firewallColumn assets stacked on top of each other (also with anchors of 0.5,1.0). The number of firewallColumn assets should be configurable

Code edit (1 edits merged)

Please save this source code

User prompt

give the camera an update function which sets the moon's scale to the zoom

User prompt

create an empty "camera" class that contains only "var zoom = 1.0;" and initialize an instance after the moon

User prompt

Create a moon asset in the middle of the screen

===================================================================
--- original.js
+++ change.js
@@ -100,9 +100,9 @@
 // Game Instances & Variables
 //==============================================================================
 ;
 var background = game.addChild(LK.getAsset('background', {
-	anchorX: 0.5,
+	anchorX: 0,
 	anchorY: 0.5,
 	x: GAME_WIDTH / 2,
 	y: GAME_HEIGHT / 2,
 	alpha: 0.25