Upit | Learn about creating the game Greedy Runner with gen AI

Play

Greedy Runner

djam

GreedyRunner

375

6mo

Playit

Run and get rich! In this endless runner dangers sprinkle the road. Where will you stop? Or where will they stop you?...

#endlessrunner

#arcade

#runner

#endlessrunner2024

Creation History

User prompt

Please fix the bug: 'Uncaught ReferenceError: innerLineOffset is not defined' in or related to this line: 'var innerLeftLineStartX = -roadGraphics.width / 2 + innerLineOffset;' Line Number: 73

Code edit (2 edits merged)

Please save this source code

User prompt

in road update, also update innerLines x using cos of the rotation

User prompt

in road update, also update innerLines x to make innerlines seem follow the rotation direction

User prompt

in road update, also update innerLines x so that the lines follow the rotation

Code edit (9 edits merged)

Please save this source code

User prompt

there shoulld be innerLines on the left and on the right (at 1/3 and 2/3)

User prompt

in Raod, add innerLines array that will hold dashed lines

Code edit (1 edits merged)

Please save this source code

User prompt

add a shadow to player

User prompt

now add the rightLine based on the leftLine

Code edit (1 edits merged)

Please save this source code

User prompt

add a leftLine to the road class using line asset

Code edit (3 edits merged)

Please save this source code

User prompt

add a road class instead of a single asset

Code edit (1 edits merged)

Please save this source code

User prompt

do this

User prompt

center the road on the screen

User prompt

add a road asset

Code edit (1 edits merged)

Please save this source code

User prompt

in player add the player2 asset and swap between the 2 to make a frame animation

Code edit (2 edits merged)

Please save this source code

User prompt

add a background asset

User prompt

Please fix the bug: 'Uncaught TypeError: setInterval is not a function' in or related to this line: 'var moveInterval = setInterval(function () {' Line Number: 70

User prompt

Please fix the bug: 'Uncaught TypeError: setInterval is not a function' in or related to this line: 'var moveInterval = setInterval(function () {' Line Number: 70

===================================================================
--- original.js
+++ change.js
@@ -42,8 +42,19 @@
 			playerGraphics2.visible = visible;
 		}
 	};
 });
+// Road class
+var Road = Container.expand(function () {
+	var self = Container.call(this);
+	var roadGraphics = self.attachAsset('road', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.update = function () {
+		// Add any update logic for the road if needed
+	};
+});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -103,17 +114,12 @@
 	var background = game.attachAsset('background', {
 		anchorX: 0.0,
 		anchorY: 0.0
 	});
-	// Attach the road asset to the game and center it
-	var road = game.attachAsset('road', {
-		anchorX: 0.5,
-		anchorY: 1,
-		x: 2048 / 2,
-		y: 2732 / 2,
-		scaleX: 1.5,
-		scaleY: 0.7
-	});
+	// Create and attach the road instance to the game
+	var road = game.addChild(new Road());
+	road.x = 2048 / 2;
+	road.y = 2732 / 2;
 	score = 0;
 	scoreTxt = new Text2('0', {
 		size: 150,
 		fill: "#ffffff"