Upit | Learn about creating the game Maze with gen AI

/**** * Classes ****/ var Line = Container.expand(function () { var self = Container.call(this); self.graphics = new Graphics(); self.addChild(self.graphics); self.update = function () { self.graphics.clear(); self.graphics.lineStyle(2, 0xFFFFFF, 1); self.graphics.moveTo(0, 0); self.graphics.lineTo(self.parent.targetX - self.parent.x, self.parent.targetY - self.parent.y); }; return self; }); var Player = Container.expand(function () { var self = Container.call(this); var playerGraphics = self.attachAsset('player', { anchorX: 0.5, anchorY: 0.5, scaleX: 1, scaleY: 1 }); self.speed = 5; self.moveRight = function (distance) { self.x += distance; }; self.moveLeft = function (distance) { self.x -= distance; }; self.moveUp = function (distance) { self.y -= distance; }; self.moveDown = function (distance) { self.y += distance; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ var background = game.addChild(LK.getAsset('maze1', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2 })); background.scale.x = game.width / background.width; background.scale.y = game.height / background.height; var player = game.addChild(new Player()); player.x = 2048 / 2; player.y = 2732 / 2; game.down = function (x, y, obj) { player.targetX = x; player.targetY = y; }; var line = game.addChild(new Line()); var self = game; self.update = function () { line.x = player.x; line.y = player.y; if (Math.abs(player.targetX - player.x) > player.speed) { if (player.targetX > player.x) { player.moveRight(player.speed); } else { player.moveLeft(player.speed); } } else { player.x = player.targetX; } if (Math.abs(player.targetY - player.y) > player.speed) { if (player.targetY > player.y) { player.moveDown(player.speed); } else { player.moveUp(player.speed); } } else { player.y = player.targetY; } };

===================================================================
--- original.js
+++ change.js
@@ -2,16 +2,15 @@
 * Classes
 ****/ 
 var Line = Container.expand(function () {
 	var self = Container.call(this);
-	var lineGraphics = self.attachAsset('draw', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		scaleX: 0.5,
-		scaleY: 0.5
-	});
+	self.graphics = new Graphics();
+	self.addChild(self.graphics);
 	self.update = function () {
-		// line drawing functionality removed due to limitations in the LK game engine
+		self.graphics.clear();
+		self.graphics.lineStyle(2, 0xFFFFFF, 1);
+		self.graphics.moveTo(0, 0);
+		self.graphics.lineTo(self.parent.targetX - self.parent.x, self.parent.targetY - self.parent.y);
 	};
 	return self;
 });
 var Player = Container.expand(function () {
@@ -62,11 +61,9 @@
 game.down = function (x, y, obj) {
 	player.targetX = x;
 	player.targetY = y;
 };
-var line = game.addChildAt(new Line(), 0);
-line.x = 2048 / 2;
-line.y = 2732 / 2;
+var line = game.addChild(new Line());
 var self = game;
 self.update = function () {
 	line.x = player.x;
 	line.y = player.y;

Creation History

Images

Used plugins