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

/**** * Classes ****/ // Create a Bike class var Bike = Container.expand(function () { var self = Container.call(this); // Attach bike asset var bikeGraphics = self.attachAsset('bike', { anchorX: 0.5, anchorY: 0.5 }); // Set bike speed self.speed = 5; // This is automatically called every game tick, if the bike is attached! self.update = function () { // No movement }; }); /**** * Initialize Game ****/ // Initialize bike asset var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Add bike to the game // Initialize bike asset var background = game.addChild(LK.getAsset('background', {})); var bike = game.addChild(new Bike()); // Position bike at the center horizontally and at the lower end of the screen vertically bike.x = 2048 / 2; // Middle of the screen horizontally bike.y = 2732 * 0.3; // Lower end of the screen vertically // Move bike bike.update(); // Check if bike has reached the finish line if (bike.x >= 2048) { // Bike has reached the finish line, show game over LK.showGameOver(); }

/**** 
* Classes
****/ 
// Create a Bike class
var Bike = Container.expand(function () {
	var self = Container.call(this);
	// Attach bike asset
	var bikeGraphics = self.attachAsset('bike', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Set bike speed
	self.speed = 5;
	// This is automatically called every game tick, if the bike is attached!
	self.update = function () {
		// No movement
	};
});

/**** 
* Initialize Game
****/ 
// Initialize bike asset
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background
});

/**** 
* Game Code
****/ 
// Add bike to the game
// Initialize bike asset
var background = game.addChild(LK.getAsset('background', {}));
var bike = game.addChild(new Bike());
// Position bike at the center horizontally and at the lower end of the screen vertically
bike.x = 2048 / 2; // Middle of the screen horizontally
bike.y = 2732 * 0.3; // Lower end of the screen vertically
// Move bike
bike.update();
// Check if bike has reached the finish line
if (bike.x >= 2048) {
	// Bike has reached the finish line, show game over
	LK.showGameOver();
}

Creation History

Images

Sounds & Music