Upit | Learn about creating the game Beemario vs Beastbee with gen AI

/**** * Classes ****/ // Define a class for the down button var DownButton = Container.expand(function () { var self = Container.call(this); var buttonGraphics = self.attachAsset('downButton', { anchorX: 0.5, anchorY: 0.5 }); self.down = function (x, y, obj) { if (player.y + 100 <= 2732) { player.y += 100; } }; }); // Define a class for enemies var Enemy = Container.expand(function () { var self = Container.call(this); var enemyGraphics = self.attachAsset('enemy', { anchorX: 0.5, anchorY: 0.5 }); self.speed = Math.random() * 2 + 1; // Random speed between 1 and 3 self.update = function () { self.x -= self.speed; self.y += Math.sin(self.x / 100) * 10; // Sine wave pattern if (self.x < -50) { self.destroy(); } }; }); //<Assets used in the game will automatically appear here> // Define a class for the player character var Player = Container.expand(function () { var self = Container.call(this); var playerGraphics = self.attachAsset('player', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 5; self.jumpHeight = 15; self.isJumping = false; self.velocityY = 0; self.update = function () { if (self.isJumping) { self.y -= self.velocityY; self.velocityY -= gravity; if (self.velocityY <= 0 && self.y < 1366) { self.x += 7; // Move right by 7 units at peak } if (self.y >= 1366) { self.y = 1366; self.isJumping = false; self.velocityY = 0; } } self.x += self.speedX; if (self.isJumping) { self.y -= self.velocityY; self.velocityY -= gravity; if (self.y >= 1366) { self.y = 1366; self.isJumping = false; self.velocityY = 0; } } }; self.jump = function () { if (!self.isJumping && self.y > 0) { self.isJumping = true; self.velocityY = 20; // Set initial jump velocity self.speedX = 0; // Reset horizontal speed } }; }); // Define a class for the up button var UpButton = Container.expand(function () { var self = Container.call(this); var buttonGraphics = self.attachAsset('upButton', { anchorX: 0.5, anchorY: 0.5 }); self.down = function (x, y, obj) { player.jump(); }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87CEEB // Sky blue background }); /**** * Game Code ****/ // Array to hold spikes var spikes = []; // Function to create spikes function createSpikes() { var spikeHeight = 100; // Height of each spike var spikeWidth = 30; // Width of each spike var gap = 50; // Gap between spikes // Create fixed spikes on the left edge of the scene for (var y = 0; y < 2732; y += spikeHeight + gap) { var spike = LK.getAsset('spike', { anchorX: 0.5, anchorY: 0.5 }); // Spike starting position (fixed to the left edge) var startX = -spikeWidth; // Left edge var startY = y; // Arranged with gap between them spike.x = startX; spike.y = startY; // Add spikes to the game scene game.addChild(spike); // Add spike object to the array spikes.push(spike); } } // Create spikes (only run once) createSpikes(); var clouds = []; // Function to create a cloud function createCloud() { // Create a new cloud asset var cloud = LK.getAsset('cloud', { anchorX: 0.5, anchorY: 0.5 }); // Cloud starting position (from the right) var startX = 2048 + 100; // Cloud starts from the right var startY = Math.random() * 200; // Random height (upper part) cloud.x = startX; cloud.y = startY; // Add cloud to the game scene game.addChild(cloud); // Start moving the cloud moveCloud(cloud); // Add cloud object to the array clouds.push(cloud); } // Function to move the cloud to the left function moveCloud(cloud) { var speed = 1; // Cloud movement speed LK.setInterval(function () { // Cloud moves to the left cloud.x -= speed; // If the cloud reaches the left edge of the screen, remove it if (cloud.x < -100) { // When the cloud is completely off-screen cloud.destroy(); // Remove the cloud clouds.splice(clouds.indexOf(cloud), 1); // Remove from array } }, 16); // Update every 16ms for 60 FPS } // Create new clouds at intervals LK.setInterval(createCloud, 3000); // Add a new cloud every 3 seconds // Create and initialize the score text display var scoreTxt = new Text2('0', { size: 200, // Increased size fill: 0x000000 // Black color for the score text }); // Set the initial score text to zero scoreTxt.setText(LK.getScore()); // Center the score text horizontally at the top of the screen scoreTxt.anchor.set(0.5, 0); // Anchor at the center of the top edge // Add the score text to the GUI overlay at the top-center position LK.gui.top.addChild(scoreTxt); var gravity = 0.5; var windSpeed = 2; // Define wind speed for horizontal movement // Initialize player at the center of the screen var player = game.addChild(new Player()); player.x = 1024; player.y = 1366; player.speedX = 0; // Prevent movement on spawn player.speedY = 0; // Prevent movement on spawn player.isJumping = false; player.velocityY = 0; // Initialize up button var upButton = game.addChild(new UpButton()); upButton.x = 2048 / 2 - 500; // Middle point's x coordinate minus button width upButton.y = 2732 / 2 + 600; // Middle point's y coordinate plus button height plus additional 100 pixels // Initialize down button var downButton = game.addChild(new DownButton()); downButton.x = 2048 - 500 - 50; // Right edge minus button width and margin downButton.y = 2732 - 500 - 50; // Bottom edge minus button height and margin // Initialize enemies var enemies = []; var enemySpawnInterval = 200; var enemySpawnCounter = 0; // Variables to track button presses var isPressingUp = false; var isPressingDown = false; // Event listeners for button presses upButton.down = function () { isPressingUp = true; }; upButton.up = function () { isPressingUp = false; }; downButton.down = function () { isPressingDown = true; }; downButton.up = function () { isPressingDown = false; }; // Update player movement based on button presses function updatePlayerMovement() { if (isPressingUp) { player.velocityY = -10; player.x += 2; // Move right slowly by 2 units } // Removed upward movement when the down button is pressed player.y += player.velocityY; if (!isPressingUp && !isPressingDown) { player.velocityY += gravity; } if (player.y > 1366) { player.y = 1366; player.velocityY = 0; } if (player.y < 0) { player.y = 0; player.velocityY = 0; } } // Set interval for updating player movement LK.setInterval(updatePlayerMovement, 16); // Set interval for updating player movement LK.setInterval(function () { player.update(); }, 16); // Handle game updates game.update = function () { player.update(); player.x -= windSpeed; // Apply wind effect to move player left // Spawn enemies enemySpawnCounter++; if (enemySpawnCounter >= enemySpawnInterval) { var enemy = new Enemy(); enemy.x = 2048; // Spawn from the right edge of the screen enemy.y = Math.random() * (2732 / 2) + 100; // Random y position slightly lower from the top half of the screen enemies.push(enemy); game.addChild(enemy); enemySpawnCounter = 0; } // Update enemies for (var j = enemies.length - 1; j >= 0; j--) { enemies[j].update(); if (player.intersects(enemies[j])) { enemies[j].destroy(); // Remove enemy from the scene enemies.splice(j, 1); // Remove enemy from the array LK.setScore(LK.getScore() + 1); // Increase score by 1 scoreTxt.setText(LK.getScore()); // Update the score text display if (LK.getScore() % 20 === 0) { LK.effects.flashScreen(0x00FF00, 500); // Flash green on screen for 0.5 seconds } } } }; // Handle player jump game.down = function (x, y, obj) { player.jump(); };

/**** 
* Classes
****/ 
// Define a class for the down button
var DownButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('downButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		if (player.y + 100 <= 2732) {
			player.y += 100;
		}
	};
});
// Define a class for enemies
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemy', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = Math.random() * 2 + 1; // Random speed between 1 and 3
	self.update = function () {
		self.x -= self.speed;
		self.y += Math.sin(self.x / 100) * 10; // Sine wave pattern
		if (self.x < -50) {
			self.destroy();
		}
	};
});
//<Assets used in the game will automatically appear here>
// Define a class for the player character
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.jumpHeight = 15;
	self.isJumping = false;
	self.velocityY = 0;
	self.update = function () {
		if (self.isJumping) {
			self.y -= self.velocityY;
			self.velocityY -= gravity;
			if (self.velocityY <= 0 && self.y < 1366) {
				self.x += 7; // Move right by 7 units at peak
			}
			if (self.y >= 1366) {
				self.y = 1366;
				self.isJumping = false;
				self.velocityY = 0;
			}
		}
		self.x += self.speedX;
		if (self.isJumping) {
			self.y -= self.velocityY;
			self.velocityY -= gravity;
			if (self.y >= 1366) {
				self.y = 1366;
				self.isJumping = false;
				self.velocityY = 0;
			}
		}
	};
	self.jump = function () {
		if (!self.isJumping && self.y > 0) {
			self.isJumping = true;
			self.velocityY = 20; // Set initial jump velocity
			self.speedX = 0; // Reset horizontal speed
		}
	};
});
// Define a class for the up button
var UpButton = Container.expand(function () {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('upButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		player.jump();
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87CEEB // Sky blue background
});

/**** 
* Game Code
****/ 
// Array to hold spikes
var spikes = [];
// Function to create spikes
function createSpikes() {
	var spikeHeight = 100; // Height of each spike
	var spikeWidth = 30; // Width of each spike
	var gap = 50; // Gap between spikes
	// Create fixed spikes on the left edge of the scene
	for (var y = 0; y < 2732; y += spikeHeight + gap) {
		var spike = LK.getAsset('spike', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Spike starting position (fixed to the left edge)
		var startX = -spikeWidth; // Left edge
		var startY = y; // Arranged with gap between them
		spike.x = startX;
		spike.y = startY;
		// Add spikes to the game scene
		game.addChild(spike);
		// Add spike object to the array
		spikes.push(spike);
	}
}
// Create spikes (only run once)
createSpikes();
var clouds = [];
// Function to create a cloud
function createCloud() {
	// Create a new cloud asset
	var cloud = LK.getAsset('cloud', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Cloud starting position (from the right)
	var startX = 2048 + 100; // Cloud starts from the right
	var startY = Math.random() * 200; // Random height (upper part)
	cloud.x = startX;
	cloud.y = startY;
	// Add cloud to the game scene
	game.addChild(cloud);
	// Start moving the cloud
	moveCloud(cloud);
	// Add cloud object to the array
	clouds.push(cloud);
}
// Function to move the cloud to the left
function moveCloud(cloud) {
	var speed = 1; // Cloud movement speed
	LK.setInterval(function () {
		// Cloud moves to the left
		cloud.x -= speed;
		// If the cloud reaches the left edge of the screen, remove it
		if (cloud.x < -100) {
			// When the cloud is completely off-screen
			cloud.destroy(); // Remove the cloud
			clouds.splice(clouds.indexOf(cloud), 1); // Remove from array
		}
	}, 16); // Update every 16ms for 60 FPS
}
// Create new clouds at intervals
LK.setInterval(createCloud, 3000); // Add a new cloud every 3 seconds
// Create and initialize the score text display
var scoreTxt = new Text2('0', {
	size: 200,
	// Increased size 
	fill: 0x000000 // Black color for the score text 
});
// Set the initial score text to zero
scoreTxt.setText(LK.getScore());
// Center the score text horizontally at the top of the screen
scoreTxt.anchor.set(0.5, 0); // Anchor at the center of the top edge
// Add the score text to the GUI overlay at the top-center position
LK.gui.top.addChild(scoreTxt);
var gravity = 0.5;
var windSpeed = 2; // Define wind speed for horizontal movement
// Initialize player at the center of the screen
var player = game.addChild(new Player());
player.x = 1024;
player.y = 1366;
player.speedX = 0; // Prevent movement on spawn
player.speedY = 0; // Prevent movement on spawn
player.isJumping = false;
player.velocityY = 0;
// Initialize up button
var upButton = game.addChild(new UpButton());
upButton.x = 2048 / 2 - 500; // Middle point's x coordinate minus button width
upButton.y = 2732 / 2 + 600; // Middle point's y coordinate plus button height plus additional 100 pixels
// Initialize down button
var downButton = game.addChild(new DownButton());
downButton.x = 2048 - 500 - 50; // Right edge minus button width and margin
downButton.y = 2732 - 500 - 50; // Bottom edge minus button height and margin
// Initialize enemies
var enemies = [];
var enemySpawnInterval = 200;
var enemySpawnCounter = 0;
// Variables to track button presses
var isPressingUp = false;
var isPressingDown = false;
// Event listeners for button presses
upButton.down = function () {
	isPressingUp = true;
};
upButton.up = function () {
	isPressingUp = false;
};
downButton.down = function () {
	isPressingDown = true;
};
downButton.up = function () {
	isPressingDown = false;
};
// Update player movement based on button presses
function updatePlayerMovement() {
	if (isPressingUp) {
		player.velocityY = -10;
		player.x += 2; // Move right slowly by 2 units
	}
	// Removed upward movement when the down button is pressed
	player.y += player.velocityY;
	if (!isPressingUp && !isPressingDown) {
		player.velocityY += gravity;
	}
	if (player.y > 1366) {
		player.y = 1366;
		player.velocityY = 0;
	}
	if (player.y < 0) {
		player.y = 0;
		player.velocityY = 0;
	}
}
// Set interval for updating player movement
LK.setInterval(updatePlayerMovement, 16);
// Set interval for updating player movement
LK.setInterval(function () {
	player.update();
}, 16);
// Handle game updates
game.update = function () {
	player.update();
	player.x -= windSpeed; // Apply wind effect to move player left
	// Spawn enemies
	enemySpawnCounter++;
	if (enemySpawnCounter >= enemySpawnInterval) {
		var enemy = new Enemy();
		enemy.x = 2048; // Spawn from the right edge of the screen
		enemy.y = Math.random() * (2732 / 2) + 100; // Random y position slightly lower from the top half of the screen
		enemies.push(enemy);
		game.addChild(enemy);
		enemySpawnCounter = 0;
	}
	// Update enemies
	for (var j = enemies.length - 1; j >= 0; j--) {
		enemies[j].update();
		if (player.intersects(enemies[j])) {
			enemies[j].destroy(); // Remove enemy from the scene
			enemies.splice(j, 1); // Remove enemy from the array
			LK.setScore(LK.getScore() + 1); // Increase score by 1
			scoreTxt.setText(LK.getScore()); // Update the score text display
			if (LK.getScore() % 20 === 0) {
				LK.effects.flashScreen(0x00FF00, 500); // Flash green on screen for 0.5 seconds
			}
		}
	}
};
// Handle player jump
game.down = function (x, y, obj) {
	player.jump();
};

Creation History

Images

Sounds & Music

Used plugins