Upit | Learn about creating the game Maze with gen AI

Play

Maze

ninja_047

Maze

5mo

Playit

Try to collect all coins before time ends! Each level with different background, different coins, time speed. Can you finish collecting the coins before time ends? Challenge your skills in the Maze!

#puzzle

#maze

#challenge

#brainteaser

#adventure

Creation History

User prompt

Move player with cursor exact same time by moving cursor not when i click

User prompt

I can't move the player from its point!

User prompt

Please fix the bug: 'Uncaught TypeError: playerNode.containsPoint is not a function' in or related to this line: 'if (playerNode.containsPoint(obj.global)) {' Line Number: 69

User prompt

Make the player can be dragged by click in it and hold to move it any freely vertical up or down and horizontal right or left.

User prompt

Hold player to cursor when player clicked by mouse button and don't move it.

User prompt

Make the player drageable

User prompt

Please fix the bug: 'TypeError: game.getChildrenByType is not a function' in or related to this line: 'var mazeWalls = game.getChildrenByType(MazeWall);' Line Number: 64

User prompt

Please fix the bug: 'ReferenceError: MazeWall is not defined' in or related to this line: 'var mazeWalls = game.getChildrenByType(MazeWall);' Line Number: 56

User prompt

Add collision to the player to hold it and moving on the maze

User prompt

Remove player movment

User prompt

Make the player go to the clicked side from player point by moving smoothly to it; If click right go right If click down go down If click left go left If click up go up

User prompt

Make player go to the cursor point not the opposit

User prompt

don't move it far from cursor

User prompt

If clicked by cursor on the top side of player move it vertical straight to it. same for each direction

User prompt

If click down the player go down and same for other directions

User prompt

Please fix the bug: 'Uncaught TypeError: tween.to is not a function' in or related to this line: 'tween.to(playerNode, {' Line Number: 51 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Make player go to cursor

User prompt

Make the player go to the clicked directions

User prompt

Don't make it follow cursor

User prompt

Please fix the bug: 'Uncaught TypeError: tween.to is not a function' in or related to this line: 'tween.to(playerNode, {' Line Number: 55 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

If click any side from the player movz it to it

User prompt

Don't move it diagonal

User prompt

Increase speed for the player.

User prompt

Please fix the bug: 'Uncaught TypeError: tween.to is not a function' in or related to this line: 'tween.to(playerNode, {' Line Number: 61 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// Define the MazeWall class
var MazeWall = Container.expand(function () {
	var self = Container.call(this);
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// Set its anchor and pivot point to top left (x: 0.0, y: 0.0).
// Retrieve a non-attached LK asset named 'Background1'.
var backgroundNode = LK.getAsset('Background1', {
	anchorX: 0.0,
	anchorY: 0.0,
	scaleX: 2048 / 1000,
	scaleY: 2732 / 1000,
	x: 0,
	y: 0
});
//Manually attach asset to element, rather than using self.attachAsset
game.addChild(backgroundNode);
;
// Retrieve a non-attached LK asset named 'player'.
// Set its anchor and pivot point to top left (x: 0.0, y: 0.0).
// Position it at the bottom right of the screen (x: 2048, y: 2732).
var playerNode = LK.getAsset('player', {
	anchorX: 2.2,
	anchorY: 2.2,
	scaleX: 0.7,
	scaleY: 0.7,
	x: 2048,
	y: 2732
});
// Manually attach asset to element, rather than using self.attachAsset
game.addChild(playerNode);
// Add event listeners to handle player movement
game.down = function (x, y, obj) {
	// Player movement removed
};
;
;
game.update = function () {
	// Check for collision with maze walls
	var mazeWalls = game.getChildrenByType(MazeWall);
	for (var i = 0; i < mazeWalls.length; i++) {
		if (playerNode.intersects(mazeWalls[i])) {
			// Stop player movement
			playerNode.vx = 0;
			playerNode.vy = 0;
			break;
		}
	}
	// Update player position
	playerNode.x += playerNode.vx;
	playerNode.y += playerNode.vy;
};

===================================================================
--- original.js
+++ change.js
@@ -3,8 +3,16 @@
 ****/ 
 var tween = LK.import("@upit/tween.v1");
 
 /**** 
+* Classes
+****/ 
+// Define the MazeWall class
+var MazeWall = Container.expand(function () {
+	var self = Container.call(this);
+});
+
+/**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
 	backgroundColor: 0x000000

Showing 601 to 625 of 3270

1 ...23 24 25 26 27 ...131

Images

Playable maze with orange lines. at black background..
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

2d coin. Ninja face in the coin. red coin. 2 circles inside it.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Used plugins

@upit/tween

Main