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

Code edit (5 edits merged)

Please save this source code

User prompt

replace if (self.y > roadTop + roadHeight) { self.y -= roadHeight; // Move stripe back to the top self.stripeGraphics.height = 0; // Reset height to initial value self.stripeGraphics.tint = 0xFFFFFF; // Reset tint to initial value } to place thestipe just before the stripe with lowest y

Code edit (1 edits merged)

Please save this source code

User prompt

in stripe.y = roadTop + (i === 0 ? 1 : stripes[i - 1].stripeGraphics.height) take into account previous stripe y

Code edit (7 edits merged)

Please save this source code

User prompt

no, stripe.y = roadTop + i * (roadHeight / nbStripes); // Position stripe under the previous one should get previous stripe height from the array (1 for 1st one)

User prompt

update stripe.y = roadTop + i * stripe.stripeGraphics.height; // Position stripe under the previous one because stripes height is dynamic

User prompt

update stripe.y = roadTop + i * (roadHeight / nbStripes); // Position stripes to keep them continuously stacked to place stripe under the previous one

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: stripeGraphics is not defined' in or related to this line: 'stripeGraphics.tint = newTint;' Line Number: 839

Code edit (4 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: stripe.stripeGraphics is undefined' in or related to this line: 'stripe.stripeGraphics.height = roadHeight / 20 * stripe.progress; // Adjust height based on progress' Line Number: 994

User prompt

in for (var i = 0; i < 20; i++) { var stripe = new Stripe(); stripe.y = roadTop + i * (roadHeight / 20); // Position stripes to keep them continuously stacked stripes.push(stripe); game.addChild(stripe); } calculate stipe progress then adjust its height

Code edit (1 edits merged)

Please save this source code

User prompt

can you rework stripe.y = roadTop + i * (roadHeight / 20); // Position stripes to cover the bottom half and var tempSpeed = currentSpeed * 0.05 + currentSpeed * (self.progress * 3); self.y += tempSpeed; stripeGraphics.height = 400 * self.progress; // Adjust height based on progress if (self.y > roadTop + roadHeight) { self.y = roadTop; stripeGraphics.height = 0; // Reset height to initial value stripeGraphics.tint = 0xFFFFFF; // Reset tint to initial value } to keep stipes continuously stacked

Code edit (8 edits merged)

Please save this source code

User prompt

also update stripes tint depending on intensityHalf

Code edit (1 edits merged)

Please save this source code

User prompt

stripes height should start at 0 then grow to 400

User prompt

stripes height should grow with progress

User prompt

also make stipes speed depend on progress

User prompt

make stripes height depend on progress; Don't touch the coin class for that

User prompt

make stripes height depend on progress

User prompt

Please fix the bug: 'TypeError: self.stripeGraphics is undefined' in or related to this line: 'self.stripeGraphics.height = 200; // Reset height to initial value' Line Number: 112

User prompt

Please fix the bug: 'ReferenceError: stripeGraphics is not defined' in or related to this line: 'stripeGraphics.height = 200; // Reset height to initial value' Line Number: 112

===================================================================
--- original.js
+++ change.js
@@ -959,9 +959,9 @@
 	game.addChild(background);
 	// Add a series of Stripe instances to cover the bottom half of the screen
 	for (var i = 0; i < nbStripes; i++) {
 		var stripe = new Stripe();
-		stripe.y = roadTop + i * (roadHeight / nbStripes); // Position stripe under the previous one
+		stripe.y = roadTop + (i === 0 ? 0 : stripes[i - 1].stripeGraphics.height); // Position stripe under the previous one using previous stripe height
 		stripe.progress = Math.max(0, stripe.y - roadTop) / roadHeight; // Calculate progress
 		stripes.push(stripe);
 		game.addChild(stripe);
 		if (stripe.stripeGraphics) {