Upit | Learn about creating the game Ninja Rush with gen AI

Play

Ninja Rush

gemxd3228

NinjaRush

451

8mo

Playit

(WIP)Fast ninja runs on infinitely spawning paths, jumping between them. He shoots enemies with stars while dodging obstacles.

#ninja

#run

#arcade

#action

#endless

#rush

#fantacy

#cool

Creation History

User prompt

To achieve a harmonious look, consider using a color palette that draws inspiration from nature: Greens: Various shades of green for the bamboo forest and foliage. Browns: Light to medium browns for the ground, rocks, and paths. Grays: Darker grays for shadows and accents. Accents: Pops of color for the ninja's outfit and obstacles (reds, oranges, yellows, or blues).

User prompt

Add a touch of color to the ninja's outfit, such as a red or gold sash or headband. This will help them pop against the background.

User prompt

Consider adding a subtle texture to the paths, like small pebbles or cracks, to break up the monotony.

User prompt

Use a wider range of greens in the bamboo forest to add texture and detail. Consider adding a subtle gradient, with lighter greens towards the top and darker greens towards the bottom.

User prompt

Introduce more contrast between the foreground (rocks, grass) and the background (bamboo forest). This will create a sense of depth and make the environment more visually interesting.

User prompt

Lighten the overall background colors slightly. This will help the ninja stand out more.

User prompt

Change the background color tint to redish pink

User prompt

Please fix the bug: 'Uncaught ReferenceError: filters is not defined' in or related to this line: 'backgroundGraphics.filters = [new filters.ColorMatrixFilter()];' Line Number: 25

User prompt

Add a filter to a background so the color of the background will match with the theme of the charcter.

User prompt

move the live down to the y location of the upper path, and also make the lives on top, in terms of visibilty order.

User prompt

Little bit more

User prompt

Move lives little bit up in y axis

User prompt

Add seperate asset for lives.

User prompt

But it is still not working.

User prompt

ninja is not showing the opacity effect when hitting the obstacles. fix the issue.

User prompt

Now after hitting the obstacle, if the ninja is in the invinciblility then, show this effec: Opacity of ninja goes to 1 -> 0.1, 0.1 -> 1 repeatedly 4 -5 times. and this opacity effect should be Cubic.

User prompt

When ninja hit's an obstacle, reduce one life and make him invincible for 3 sec.

User prompt

When ninja hit's an obstacle, reduce one life and make him invincible for 3 sec, and while the player is in invincible mode the show the opacity effect up down- up down.

User prompt

Now add the three lives, which reduced one by one when player hits the group of Obstacle, and also show those lives on the top left of the upper path.

User prompt

Reduce the opacity of the backround

User prompt

Now whenever ninja hits the obstacle , game over

User prompt

Dash should alwars behind the ninja, in terms of visibilty order.

User prompt

Spawn dash behind the ninja

User prompt

Move the ninja above the dash still while updating dash, in terms of visibilty order.

User prompt

same for the lower path

===================================================================
--- original.js
+++ change.js
@@ -215,13 +215,13 @@
 ninja.y = path2.y - ninja.height;
 ninja.currentPath = 'lower';
 ninja.lives = 3;
 var targetPath;
-// Display the lives on the top left of the upper path
+// Display the lives on the y location of the upper path
 for (var i = 0; i < ninja.lives; i++) {
-	var life = game.addChild(new Life());
+	var life = game.addChildAt(new Life(), game.children.length);
 	life.x = 50 + i * 100;
-	life.y = path1.y - 90;
+	life.y = path1.y;
 }
 game.down = function (x, y, obj) {
 	if (ninja.currentPath === 'lower' && ninja.y >= path2.y - ninja.height || ninja.currentPath === 'upper' && ninja.y <= path1.y - ninja.height) {
 		if (ninja.currentPath === 'lower') {