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

Play

game-community-background

user photo

game-pic

111

2

8mo

Boat Rush is a fast-paced 3D arcade game where you race through dynamic waters, dodging obstacles, collecting coins, and using quick reflexes to survive. Jump over rocks, dive to escape owls, and dash away from chasing fish. Earn extra lives by collecting 100 coins and become the ultimate boat racing champion!

#arcade

#endless

#relaxing

#adventure

#leaderboard

Creation History

User prompt

Please fix the bug: 'ReferenceError: Laya is not defined' in or related to this line: 'if (Laya.timer.currFrame % 60 == 0) {' Line Number: 78

User prompt

Please fix the bug: 'Laya is not defined' in or related to this line: 'Laya.init(800, 600);' Line Number: 29

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'load')' in or related to this line: 'LK.loader.load([{' Line Number: 12

User prompt

Please fix the bug: 'Laya is not defined' in or related to this line: 'Laya.loader.load([{' Line Number: 12

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'this.addChild is not a function' in or related to this line: 'this.addChild(boatGraphics);' Line Number: 184

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: '_this.addChild(boatGraphics);' Line Number: 184

User prompt

Please fix the bug: 'this.addChild is not a function' in or related to this line: 'this.addChild(boatGraphics);' Line Number: 184

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: '_this.addChild(boatGraphics);' Line Number: 184

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'self.attachAsset('boat', {' Line Number: 180

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: '_this.addChild(boatGraphics);' Line Number: 180

User prompt

Please fix the bug: '_this.attachAsset is not a function' in or related to this line: '_this.attachAsset('boat', {' Line Number: 180

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'self.attachAsset('boat', {' Line Number: 180

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: '_this.addChild(boatGraphics);' Line Number: 180

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'self.addChild(boatGraphics);' Line Number: 180

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: '_this.addChild(boatGraphics);' Line Number: 180

User prompt

Please fix the bug: '_this.attachAsset is not a function' in or related to this line: 'var boatGraphics = _this.attachAsset('boat', {' Line Number: 176

User prompt

Please fix the bug: '_this.addChild is not a function' in or related to this line: 'var boatGraphics = _this.addChild(LK.getAsset('boat', {' Line Number: 176

User prompt

Please fix the bug: '_this.attachAsset is not a function' in or related to this line: '_this.attachAsset('boat', {' Line Number: 176

User prompt

Please fix the bug: '_this.loadImage is not a function' in or related to this line: '_this.loadImage("boat.png");' Line Number: 169

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'IMAGE')' in or related to this line: 'Laya.loader.load([{' Line Number: 152

User prompt

Please fix the bug: 'Laya is not defined' in or related to this line: 'Laya.loader.load([{' Line Number: 106

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError is not a constructor' in or related to this line: 'throw new TypeError("Super expression must either be null or a function");' Line Number: 104

User prompt

Please fix the bug: 'TypeError is not a constructor' in or related to this line: 'throw new TypeError("Super expression must either be null or a function");' Line Number: 104

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

/**** 
* Game Code
****/ 
/**** Load Assets ****/
onAssetsLoaded();
/**** Game Variables ****/
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;
}
/**** Handle Boat Movement ****/
function handleMove() {
	if (!gameOver) {
		boat.x = Math.max(0, Math.min(Laya.stage.width, Laya.stage.mouseX));
	}
}
/**** Create Obstacles & Treasures ****/
function spawnItem(type) {
	var item = new Laya.Sprite();
	item.loadImage(type === "obstacle" ? "obstacle.png" : "treasure.png");
	item.pivot(item.width / 2, item.height / 2);
	item.pos(Math.random() * Laya.stage.width, -50);
	item.speed = 5; // Movement speed
	Laya.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 (Laya.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 > Laya.stage.height) {
			array.splice(i, 1);
			obj.destroy();
		}
	}
}
/**** Game Over ****/
function endGame() {
	gameOver = true;
	Laya.stage.off(Laya.Event.MOUSE_MOVE, this, handleMove);
	Laya.timer.clear(this, updateGame);
	console.log("Game Over!");
}

===================================================================
--- original.js
+++ change.js
@@ -18,27 +18,30 @@
 	gameOver = false;
 var scoreTxt;
 /**** Initialize Game After Assets Load ****/
 function onAssetsLoaded() {
-	Laya.init(800, 600);
-	Laya.stage.bgColor = "#87CEEB"; // Light blue background (water)
+	// Initialize game with black background
+	game.setBackgroundColor(0x87CEEB); // Light blue background (water)
 	// 🚤 Create Player Boat
-	boat = new Laya.Sprite();
-	boat.loadImage("boat.png");
-	boat.pivot(boat.width / 2, boat.height / 2);
-	boat.pos(Laya.stage.width / 2, Laya.stage.height - 100);
-	Laya.stage.addChild(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 Laya.Text();
-	scoreTxt.text = "Score: 0";
-	scoreTxt.fontSize = 30;
-	scoreTxt.color = "#FFF";
-	scoreTxt.pos(10, 10);
-	Laya.stage.addChild(scoreTxt);
+	scoreTxt = new Text2('Score: 0', {
+		size: 30,
+		fill: "#FFF"
+	});
+	scoreTxt.x = 10;
+	scoreTxt.y = 10;
+	LK.gui.topLeft.addChild(scoreTxt);
 	// 🎮 Player Movement
-	Laya.stage.on(Laya.Event.MOUSE_MOVE, this, handleMove);
+	game.move = handleMove;
 	// 🚀 Start Game Loop
-	Laya.timer.frameLoop(1, this, updateGame);
+	game.update = updateGame;
 }
 /**** Handle Boat Movement ****/
 function handleMove() {
 	if (!gameOver) {

Showing 176 to 200 of 226

1 ...4 5 6 7 8 9 10

Images

shining moon.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

a single shining yellowish golden coin with the boat on it.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

a colorful, cartoon style boat with an orange and blue color scheme. the boat has a small flag on top, round windows and a curved hull , with the BOAT text on it with bold letters. the design is vibrant, playful and optimized for a mobile game.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

white water bubble.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

single rock.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

gold sparkle.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

single gold sparkle.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

red shining heart symbol.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

whale head in octogonal box with green background asset.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

orange life rings asset that revive from water.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

single rounded white bubble firefly trail.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

shining sun cartoon style.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

flying owl with blue gold color mix asset.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

coin magnet white blue red in color.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

warning asset.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

Sounds & Music

coin

Sound effect

backgroundmusic

Music

dashsound

Sound effect

Used plugins

@upit/storage@upit/tween