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

/**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ /**** Initialize Game ****/ LK.init(800, 600); // Initialize game with width 800 and height 600 LK.stage.bgColor = "#87CEEB"; // Set background color (light blue for water) var boat, obstacles = [], treasures = [], score = 0, gameOver = false; var scoreTxt; // 🚤 Create Player Boat boat = new LK.Sprite(); boat.loadImage("boat.png"); boat.pivot(boat.width / 2, boat.height / 2); boat.pos(LK.stage.width / 2, LK.stage.height - 100); LK.stage.addChild(boat); // 🔢 Score Display scoreTxt = new LK.Text(); scoreTxt.text = "Score: 0"; scoreTxt.fontSize = 30; scoreTxt.color = "#FFF"; scoreTxt.pos(10, 10); LK.stage.addChild(scoreTxt); // 🎮 Player Movement LK.stage.on(LK.Event.MOUSE_MOVE, void 0, handleMove); // 🚀 Start Game Loop LK.timer.frameLoop(1, void 0, updateGame); /**** Handle Boat Movement ****/ function handleMove() { if (!gameOver) { boat.x = Math.max(0, Math.min(LK.stage.width, LK.stage.mouseX)); } } /**** Create Obstacles & Treasures ****/ function spawnItem(type) { var item = new LK.Sprite(); item.loadImage(type === "obstacle" ? "obstacle.png" : "treasure.png"); item.pivot(item.width / 2, item.height / 2); item.pos(Math.random() * LK.stage.width, -50); item.speed = 5; // Movement speed LK.stage.addChild(item); if (type === "obstacle") { obstacles.push(item); } else { treasures.push(item); } } /**** Update Game Loop ****/ function updateGame() { if (gameOver) { return; } // Spawn new obstacles & treasures every 60 frames (~1 sec) if (LK.timer.currFrame % 60 == 0) { spawnItem("obstacle"); spawnItem("treasure"); } // Update obstacles & check collisions updateObjects(obstacles, function () { return endGame(); }); updateObjects(treasures, function (treasure, index) { score += 10; scoreTxt.text = "Score: " + score; treasures.splice(index, 1); treasure.destroy(); }); } /**** Update & Check Collisions ****/ function updateObjects(array, onCollide) { for (var i = array.length - 1; i >= 0; i--) { var obj = array[i]; obj.y += obj.speed; // Move down // Check collision with boat if (boat.getBounds().intersects(obj.getBounds())) { onCollide(obj, i); } // Remove if off-screen if (obj.y > LK.stage.height) { array.splice(i, 1); obj.destroy(); } } } /**** Game Over ****/ function endGame() { gameOver = true; LK.stage.off(LK.Event.MOUSE_MOVE, this, handleMove); LK.timer.clear(this, updateGame); console.log("Game Over!"); }

===================================================================
--- original.js
+++ change.js
@@ -7,58 +7,48 @@
 
 /**** 
 * Game Code
 ****/ 
-/**** Load Assets ****/
-onAssetsLoaded();
-/**** Game Variables ****/
+/**** Initialize Game ****/
+LK.init(800, 600); // Initialize game with width 800 and height 600
+LK.stage.bgColor = "#87CEEB"; // Set background color (light blue for water)
 var boat,
 	obstacles = [],
 	treasures = [],
 	score = 0,
 	gameOver = false;
 var scoreTxt;
-/**** Initialize Game After Assets Load ****/
-function onAssetsLoaded() {
-	// Initialize game with black background
-	game.setBackgroundColor(0x87CEEB); // Light blue background (water)
-	// 🚤 Create Player Boat
-	boat = LK.getAsset('boat', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	boat.x = 2048 / 2;
-	boat.y = 2732 - 100;
-	game.addChild(boat);
-	// 🔢 Score Display
-	scoreTxt = new Text2('Score: 0', {
-		size: 30,
-		fill: "#FFF"
-	});
-	scoreTxt.x = 10;
-	scoreTxt.y = 10;
-	LK.gui.topLeft.addChild(scoreTxt);
-	// 🎮 Player Movement
-	game.move = handleMove;
-	// 🚀 Start Game Loop
-	game.update = updateGame;
-}
+// 🚤 Create Player Boat
+boat = new LK.Sprite();
+boat.loadImage("boat.png");
+boat.pivot(boat.width / 2, boat.height / 2);
+boat.pos(LK.stage.width / 2, LK.stage.height - 100);
+LK.stage.addChild(boat);
+// 🔢 Score Display
+scoreTxt = new LK.Text();
+scoreTxt.text = "Score: 0";
+scoreTxt.fontSize = 30;
+scoreTxt.color = "#FFF";
+scoreTxt.pos(10, 10);
+LK.stage.addChild(scoreTxt);
+// 🎮 Player Movement
+LK.stage.on(LK.Event.MOUSE_MOVE, void 0, handleMove);
+// 🚀 Start Game Loop
+LK.timer.frameLoop(1, void 0, updateGame);
 /**** Handle Boat Movement ****/
 function handleMove() {
 	if (!gameOver) {
-		boat.x = Math.max(0, Math.min(LK.getWidth(), Laya.stage.mouseX));
+		boat.x = Math.max(0, Math.min(LK.stage.width, LK.stage.mouseX));
 	}
 }
 /**** Create Obstacles & Treasures ****/
 function spawnItem(type) {
-	var item = LK.getAsset(type === "obstacle" ? "obstacle" : "treasure", {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	item.x = Math.random() * 2048; // Use the virtual resolution width
-	item.y = -50;
+	var item = new LK.Sprite();
+	item.loadImage(type === "obstacle" ? "obstacle.png" : "treasure.png");
+	item.pivot(item.width / 2, item.height / 2);
+	item.pos(Math.random() * LK.stage.width, -50);
 	item.speed = 5; // Movement speed
-	game.addChild(item);
+	LK.stage.addChild(item);
 	if (type === "obstacle") {
 		obstacles.push(item);
 	} else {
 		treasures.push(item);
@@ -69,9 +59,9 @@
 	if (gameOver) {
 		return;
 	}
 	// Spawn new obstacles & treasures every 60 frames (~1 sec)
-	if (LK.ticks % 60 == 0) {
+	if (LK.timer.currFrame % 60 == 0) {
 		spawnItem("obstacle");
 		spawnItem("treasure");
 	}
 	// Update obstacles & check collisions
@@ -94,17 +84,17 @@
 		if (boat.getBounds().intersects(obj.getBounds())) {
 			onCollide(obj, i);
 		}
 		// Remove if off-screen
-		if (obj.y > LK.getHeight()) {
+		if (obj.y > LK.stage.height) {
 			array.splice(i, 1);
 			obj.destroy();
 		}
 	}
 }
 /**** Game Over ****/
 function endGame() {
 	gameOver = true;
-	game.move = null;
-	LK.clearInterval(updateGame);
+	LK.stage.off(LK.Event.MOUSE_MOVE, this, handleMove);
+	LK.timer.clear(this, updateGame);
 	console.log("Game Over!");
 }
\ No newline at end of file

Creation History

Images

Sounds & Music

Used plugins