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

/**** * Initialize Game ****/ /**** Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Initialize game with light blue background game.setBackgroundColor(0x87CEEB); // Set background color (light blue for water) var boat, obstacles = [], treasures = [], score = 0, gameOver = false; var scoreTxt; // 🚤 Create Player Boat boat = LK.getAsset('boat', { anchorX: 0.5, anchorY: 0.5, x: LK.stage.width / 2, y: LK.stage.height - 100 }); game.addChild(boat); // 🔢 Score Display scoreTxt = new Laya.Text(); scoreTxt.text = "Score: 0"; scoreTxt.fontSize = 30; scoreTxt.color = "#FFF"; scoreTxt.pos(10, 10); // Position score text at the top-left corner Laya.stage.addChild(scoreTxt); // Add score text to the stage // 🎮 Player Movement Laya.stage.on(Laya.Event.MOUSE_MOVE, void 0, handleMove); // 🚀 Start Game Loop Laya.timer.frameLoop(1, void 0, updateGame); /**** Handle Boat Movement ****/ function handleMove() { if (!gameOver) { boat.x = Math.max(0, Math.min(Laya.stage.width, Laya.stage.mouseX)); // Move boat with mouse } } /**** Create Obstacles & Treasures ****/ function spawnItem(type) { var item = new Laya.Sprite(); item.loadImage(type === "obstacle" ? "obstacle.png" : "treasure.png"); // Load image item.pivot(item.width / 2, item.height / 2); // Set pivot to center item.pos(Math.random() * Laya.stage.width, -50); // Random x position, start above the screen item.speed = 5; // Movement speed Laya.stage.addChild(item); // Add item to the stage if (type === "obstacle") { obstacles.push(item); } // Add to obstacles array else { treasures.push(item); } // Add to treasures array } /**** Update Game Loop ****/ function updateGame() { if (gameOver) { return; } // Spawn new obstacles & treasures every 60 frames (~1 sec) if (Laya.timer.currFrame % 60 == 0) { spawnItem("obstacle"); spawnItem("treasure"); } // Update obstacles & check collisions updateObjects(obstacles, function () { endGame(); }); // End game on collision with obstacle updateObjects(treasures, function (treasure, index) { // Handle treasure collection score += 10; // Increase score scoreTxt.text = "Score: " + score; // Update score display treasures.splice(index, 1); // Remove treasure from array treasure.destroy(); // Destroy treasure sprite }); } /**** 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); // Trigger collision callback } // Remove if off-screen if (obj.y > Laya.stage.height) { array.splice(i, 1); // Remove from array obj.destroy(); // Destroy sprite } } } /**** Game Over ****/ function endGame() { gameOver = true; Laya.stage.off(Laya.Event.MOUSE_MOVE, this, handleMove); // Stop boat movement Laya.timer.clear(this, updateGame); // Stop game loop console.log("Game Over!"); // Log game over }

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

/**** 
* Game Code
****/ 
// Initialize game with light blue background
game.setBackgroundColor(0x87CEEB); // Set background color (light blue for water)
var boat,
	obstacles = [],
	treasures = [],
	score = 0,
	gameOver = false;
var scoreTxt;
// 🚤 Create Player Boat
boat = LK.getAsset('boat', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: LK.stage.width / 2,
	y: LK.stage.height - 100
});
game.addChild(boat);
// 🔢 Score Display
scoreTxt = new Laya.Text();
scoreTxt.text = "Score: 0";
scoreTxt.fontSize = 30;
scoreTxt.color = "#FFF";
scoreTxt.pos(10, 10); // Position score text at the top-left corner
Laya.stage.addChild(scoreTxt); // Add score text to the stage
// 🎮 Player Movement
Laya.stage.on(Laya.Event.MOUSE_MOVE, void 0, handleMove);
// 🚀 Start Game Loop
Laya.timer.frameLoop(1, void 0, updateGame);
/**** Handle Boat Movement ****/
function handleMove() {
	if (!gameOver) {
		boat.x = Math.max(0, Math.min(Laya.stage.width, Laya.stage.mouseX)); // Move boat with mouse
	}
}
/**** Create Obstacles & Treasures ****/
function spawnItem(type) {
	var item = new Laya.Sprite();
	item.loadImage(type === "obstacle" ? "obstacle.png" : "treasure.png"); // Load image
	item.pivot(item.width / 2, item.height / 2); // Set pivot to center
	item.pos(Math.random() * Laya.stage.width, -50); // Random x position, start above the screen
	item.speed = 5; // Movement speed
	Laya.stage.addChild(item); // Add item to the stage
	if (type === "obstacle") {
		obstacles.push(item);
	} // Add to obstacles array
	else {
		treasures.push(item);
	} // Add to treasures array
}
/**** Update Game Loop ****/
function updateGame() {
	if (gameOver) {
		return;
	}
	// Spawn new obstacles & treasures every 60 frames (~1 sec)
	if (Laya.timer.currFrame % 60 == 0) {
		spawnItem("obstacle");
		spawnItem("treasure");
	}
	// Update obstacles & check collisions
	updateObjects(obstacles, function () {
		endGame();
	}); // End game on collision with obstacle
	updateObjects(treasures, function (treasure, index) {
		// Handle treasure collection
		score += 10; // Increase score
		scoreTxt.text = "Score: " + score; // Update score display
		treasures.splice(index, 1); // Remove treasure from array
		treasure.destroy(); // Destroy treasure sprite
	});
}
/**** 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); // Trigger collision callback
		}
		// Remove if off-screen
		if (obj.y > Laya.stage.height) {
			array.splice(i, 1); // Remove from array
			obj.destroy(); // Destroy sprite
		}
	}
}
/**** Game Over ****/
function endGame() {
	gameOver = true;
	Laya.stage.off(Laya.Event.MOUSE_MOVE, this, handleMove); // Stop boat movement
	Laya.timer.clear(this, updateGame); // Stop game loop
	console.log("Game Over!"); // Log game over
}

Creation History

Images

Sounds & Music

Used plugins