Upit | Learn about creating the game Stick Ninja Girl with gen AI

Play

game-community-background

Stick Ninja Girl

i

game-pic

523

1

9mo

Help the ninja girl cross canyons by crafting the perfect-sized stick to get her safely across.

#ninja

#adventure

#onebutton2024

Creation History

User prompt

fix the bug : 3rd platform moves before the ninja had arrived

User prompt

reorganize game.update in 1 responsibility functions

User prompt

randomize the platforms width between 100 and 400

Code edit (4 edits merged)

Please save this source code

User prompt

add groundOffset global variable and use it in createInitialPlatforms for platforms y

Code edit (6 edits merged)

Please save this source code

User prompt

rotate it when he starts falling

User prompt

Please fix the bug: 'TypeError: self is undefined' in or related to this line: 'self.ninjaStand.rotation = Math.PI; // Rotate the ninja by 180 degrees' Line Number: 236

User prompt

when ninja falls , rotate it by 180

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: ninjaRun is not defined' in or related to this line: 'ninjaRun.visible = false; // Initially hide the running ninja graphic' Line Number: 27

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: ninjaRun is not defined' in or related to this line: 'if (ninjaRun.visible) {' Line Number: 218

Code edit (1 edits merged)

Please save this source code

User prompt

hide the ninjaRun as soon as the ninja stops walk on the stick

User prompt

set ninjaRun visble when moving

User prompt

in Ninja class, add a 2nd ninjaGraphics named ninjaRun

User prompt

Please fix the bug: 'ReferenceError: platforms is not defined' in or related to this line: 'var platformMinX = platforms[currentPlatformIndex + 1].x.x - platforms[currentPlatformIndex + 1].x.width / 2;' Line Number: 211

User prompt

remove the finishline notion

User prompt

for platforms remplace the use of an array by the use of 3 variables : platformCurrent platformTarget platformNext

User prompt

add the offsets to stick.x = platforms[currentPlatformIndex].x + platforms[currentPlatformIndex].width / 2; // Set stick to the right edge of the current platform stick.y = platforms[currentPlatformIndex].y - platforms[currentPlatformIndex].height; // Adjusted y-coordinate to ensure stick is on the platform too

User prompt

add an offset of -30 to the stick x position

User prompt

add an offset of 20 to the stick y position

User prompt

add an offset of 20 to the ninja y position

User prompt

move the code of foreground and midground from game.update to 'handleBackgroundMovement'

===================================================================
--- original.js
+++ change.js
@@ -67,9 +67,9 @@
 	y: 2732 / 2
 });
 game.addChild(background);
 // Initialize game variables
-var groundOffset = 2732 + 20;
+var groundOffset = 2732 + 25;
 var ninja;
 var stick;
 var platformCurrent;
 var platformTarget;
@@ -87,21 +87,24 @@
 function createInitialPlatforms() {
 	var platform1 = new Platform();
 	platform1.x = 300;
 	platform1.y = groundOffset; // Adjusted y-coordinate to touch the ground
+	platform1.width = Math.floor(Math.random() * (400 - 100 + 1)) + 100; // Randomize width between 100 and 400
 	game.addChild(platform1);
 	platformCurrent = platform1;
 	var platform2 = new Platform();
 	var minDistance = 200;
 	var maxDistance = 1400;
 	var distance = Math.floor(Math.random() * (maxDistance - minDistance + 1)) + minDistance;
 	platform2.x = platform1.x + platform1.width / 2 + distance;
 	platform2.y = groundOffset; // Adjusted y-coordinate to touch the ground
+	platform2.width = Math.floor(Math.random() * (400 - 100 + 1)) + 100; // Randomize width between 100 and 400
 	game.addChild(platform2);
 	platformTarget = platform2;
 	var platform3 = new Platform();
 	platform3.x = 2500; // Position the third platform outside the screen
 	platform3.y = groundOffset; // Adjusted y-coordinate to touch the ground
+	platform3.width = Math.floor(Math.random() * (400 - 100 + 1)) + 100; // Randomize width between 100 and 400
 	game.addChild(platform3);
 	platformNext = platform3;
 }
 // Start the game
@@ -245,8 +248,9 @@
 							var maxDistance = 1400;
 							var distance = Math.floor(Math.random() * (maxDistance - minDistance + 1)) + minDistance;
 							newPlatform.x = platformCurrent.x + platformCurrent.width / 2 + distance;
 							newPlatform.y = 2732; // Adjusted y-coordinate to touch the ground
+							newPlatform.width = Math.floor(Math.random() * (400 - 100 + 1)) + 100; // Randomize width between 100 and 400
 							game.addChild(newPlatform);
 							platformNext = newPlatform;
 						}
 					}

Showing 351 to 375 of 438

1 ...12 13 14 15 16 17 18

Images

Sounds & Music

fallSound

Sound effect

bgMusic

Sound effect

runSound

Sound effect

stickGrowSound

Sound effect

stickTapSound

Sound effect

startSound

Sound effect

Main