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

/**** * Classes ****/ // Create a new class for the obstacle 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(); } // Check for collision between player and obstacle if (this.intersects(player)) { // Show game over. The game will be automatically paused while game over is showing. LK.showGameOver(); } }; }); // Create a new class for the player 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(); /**** * Game Code ****/ // Attach the game background asset to the game // Initialize the game background asset 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 }); // Initialize the player var player = game.addChild(new Player()); // 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; // Spawn the obstacle every 100 ticks // Spawn the obstacle every 100 ticks if (LK.ticks % 100 == 0) { var obstacle = game.addChild(new Obstacle()); } };

===================================================================
--- original.js
+++ change.js
@@ -1,13 +1,59 @@
 /**** 
+* Classes
+****/ 
+// Create a new class for the obstacle
+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();
+		}
+		// Check for collision between player and obstacle
+		if (this.intersects(player)) {
+			// Show game over. The game will be automatically paused while game over is showing.
+			LK.showGameOver();
+		}
+	};
+});
+// Create a new class for the player
+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();
 
 /**** 
 * Game Code
 ****/ 
-var obstacle;
 // Attach the game background asset to the game
 // Initialize the game background asset
 var gameBackground1 = game.attachAsset('gameBackground', {
 	anchorX: 0.0,
@@ -20,16 +66,10 @@
 	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
-});
+// Initialize the player
+var player = game.addChild(new Player());
 // Define the speed of the side scrolling
 var scrollSpeed = 5;
 game.update = function () {
 	// Move the backgrounds to the left
@@ -44,50 +84,9 @@
 		gameBackground2.x = gameBackground1.x + 2048;
 	}
 	player.y = 2732 - player.height / 2;
 	// Spawn the obstacle every 100 ticks
+	// Spawn the obstacle every 100 ticks
 	if (LK.ticks % 100 == 0) {
-		obstacle = game.attachAsset('obstacle', {
-			anchorX: 0.5,
-			anchorY: 1,
-			x: 2048,
-			y: 2732 - 50,
-			// 50 is the height of the obstacle as defined in the assets
-			scaleX: 2,
-			scaleY: 2
-		});
-		obstacle.speed = -5;
-		obstacle.update = function () {
-			this.x += this.speed;
-			if (this.x < -this.width) {
-				this.destroy();
-			}
-			// Check for collision between player and obstacle
-			if (this.intersects(player)) {
-				// Show game over. The game will be automatically paused while game over is showing.
-				LK.showGameOver();
-			}
-		};
+		var obstacle = game.addChild(new Obstacle());
 	}
-};
-// Add mouse down event to the game
-game.down = function (x, y, obj) {
-	// Check if the obstacle is clicked
-	if (obj === obstacle) {
-		// Start dragging the obstacle
-		obstacle.dragging = true;
-	}
-};
-// Add mouse up event to the game
-game.up = function (x, y, obj) {
-	// Stop dragging the obstacle
-	obstacle.dragging = false;
-};
-// Add mouse move event to the game
-game.move = function (x, y, obj) {
-	// If the obstacle is being dragged
-	if (obstacle.dragging) {
-		// Update the position of the obstacle to the current mouse position
-		obstacle.x = x;
-		obstacle.y = y;
-	}
 };
\ No newline at end of file

Creation History

Images

Sounds & Music