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

Play

Stick Ninja Girl

isrouna42

StickNinjaGirl

523

9mo

Playit

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

#ninja

#adventure

#onebutton2024

Creation History

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'

User prompt

create and empty function 'handleBackgroundMovement'

Code edit (1 edits merged)

Please save this source code

User prompt

remove the latest midground creations

User prompt

Please fix the bug: 'TypeError: midground1 is undefined' in or related to this line: 'midground1.x -= 7;' Line Number: 169

User prompt

remove the redundant instanciation of midground

User prompt

instanciate the midground before the platforms

User prompt

remove the midground y adjustement

User prompt

Please fix the bug: 'ReferenceError: midground1 is not defined' in or related to this line: 'midground1.x -= 7;' Line Number: 184

User prompt

add a midground asset before the foreground

User prompt

make th foregrounds move faster for the parralax effect

User prompt

mirror the foreground2 horizontally using scaleX = -1

User prompt

mirror the foreground2 horizontally

User prompt

Please fix the bug: 'ReferenceError: foreground1 is not defined' in or related to this line: 'foreground1.x -= 5;' Line Number: 163

User prompt

create another foreground to make an infinite horizontal foreground

===================================================================
--- original.js
+++ change.js
@@ -121,9 +121,9 @@
 	game.addChild(ninja);
 	stick = new Stick();
 	stick.length = 0; // Set initial stick length to zero
 	stick.height = stick.length;
-	stick.x = platforms[0].x + platforms[0].width / 2; // Set stick to the right edge of the platform
+	stick.x = platforms[0].x + platforms[0].width / 2 - 30; // Set stick to the right edge of the platform with an offset of -30
 	stick.y = platforms[0].y - platforms[0].height + 20; // Adjusted y-coordinate to ensure stick is on the platform with an offset of 20
 	game.addChild(stick);
 	// Add foreground images to create an infinite horizontal foreground
 	foreground1 = LK.getAsset('foreground', {