Upit | Learn about creating the game Bike Rider with gen AI

/**** * Initialize Game ****/ var game = new LK.Game(); /**** * Game Code ****/ // Initialize the game background asset // Attach the game background asset to the game var gameBackground1 = game.attachAsset('gameBackground', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); var gameBackground2 = game.attachAsset('gameBackground', { anchorX: 0.0, anchorY: 0.0, x: 2048, y: 0 }); var player = game.attachAsset('player', { anchorX: 0.5, anchorY: 1, x: 200, y: 1500, scaleX: 2.5, scaleY: 2.5 }); // Define the speed of the side scrolling var scrollSpeed = 5; game.update = function () { // Move the backgrounds to the left gameBackground1.x -= scrollSpeed; gameBackground2.x -= scrollSpeed; // When the first background has completely moved off the screen, reset its position to the right of the second background if (gameBackground1.x <= -2048) { gameBackground1.x = gameBackground2.x + 2048; } // When the second background has completely moved off the screen, reset its position to the right of the first background if (gameBackground2.x <= -2048) { gameBackground2.x = gameBackground1.x + 2048; } player.y = 2732 - player.height / 2; };

===================================================================
--- original.js
+++ change.js
@@ -1,47 +1,5 @@
 /**** 
-* Classes
-****/ 
-// Create a new class for the obstacles
-var Obstacle = Container.expand(function () {
-	var self = Container.call(this);
-	// Attach the obstacle asset to the obstacle class
-	var obstacleGraphics = self.attachAsset('obstacle', {
-		anchorX: 0.5,
-		anchorY: 1,
-		scaleX: 2,
-		scaleY: 2
-	});
-	// Position the obstacle off the right side of the screen
-	self.x = 2048;
-	self.y = 2732 - 50;
-	// Set the speed of the obstacle
-	self.speed = -5;
-	// Update the position of the obstacle each tick
-	self.update = function () {
-		this.x += this.speed;
-		// Destroy the obstacle if it moves off the left side of the screen
-		if (this.x < -this.width) {
-			this.destroy();
-		}
-	};
-});
-// Create a new class for the player character
-var Player = Container.expand(function () {
-	var self = Container.call(this);
-	// Attach the player asset to the player class
-	var playerGraphics = self.attachAsset('player', {
-		anchorX: 0.5,
-		anchorY: 1,
-		scaleX: 2.5,
-		scaleY: 2.5
-	});
-	// Position the player at the bottom of the screen
-	self.y = 2732 - self.height / 2;
-	self.x = 200;
-});
-
-/**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game();
 
@@ -61,10 +19,16 @@
 	anchorY: 0.0,
 	x: 2048,
 	y: 0
 });
-// Initialize the player
-var player = game.addChild(new Player());
+var player = game.attachAsset('player', {
+	anchorX: 0.5,
+	anchorY: 1,
+	x: 200,
+	y: 1500,
+	scaleX: 2.5,
+	scaleY: 2.5
+});
 // Define the speed of the side scrolling
 var scrollSpeed = 5;
 game.update = function () {
 	// Move the backgrounds to the left
@@ -78,15 +42,5 @@
 	if (gameBackground2.x <= -2048) {
 		gameBackground2.x = gameBackground1.x + 2048;
 	}
 	player.y = 2732 - player.height / 2;
-	// Spawn the obstacle every 100 ticks
-	// Spawn a new obstacle every 100 ticks
-	if (LK.ticks % 100 == 0) {
-		var obstacle = game.addChild(new Obstacle());
-		// Check for collision between player and obstacle
-		if (obstacle.intersects(player)) {
-			// Show game over. The game will be automatically paused while game over is showing.
-			LK.showGameOver();
-		}
-	}
 };
\ No newline at end of file

Creation History

Images

Sounds & Music