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 ****/ var powerUpDuration = 30000; // Duration for which power-ups are active (30 seconds) var powerUpActive = false; // Check if power-ups are active var powerUpTimeout; // Power-up duration var powerUpSpeed = 3; // Falling speed of power-ups // Array to hold power-ups var powerUps = []; // Function to create a power-up function createPowerUp() { var powerUp = LK.getAsset('powerUp', { anchorX: 0.5, anchorY: 0.5 }); // Start position of the box from the top var startX = Math.random() * 2048; var startY = -40; // Starting Y position of the box, slightly outside from the top powerUp.x = startX; powerUp.y = startY; // Add power-up to the game scene game.addChild(powerUp); // Add power-up to the array powerUps.push(powerUp); } // Check collision with power-up and activate features function checkPowerUpCollision(character) { powerUps.forEach(function (powerUp) { if (character.intersects(powerUp)) { // Activate features activatePowerUp(character); // Remove power-up from the scene powerUp.destroy(); powerUps.splice(powerUps.indexOf(powerUp), 1); } }); } // Function to activate features function activatePowerUp(character) { if (powerUpActive) { return; } // If already active, do not activate new features powerUpActive = true; // Select a random feature var randomFeature = Math.floor(Math.random() * 5); // 5 different features switch (randomFeature) { case 0: // Increase character size to 4 times character.scale.set(4); break; case 1: // Increase character speed character.speed = 10; // Faster than default speed break; case 2: // Increase score rate increaseScoreRate(true); break; case 3: // Create a clone of the character createCharacterClone(character); break; case 4: // Allow character to fly (move upwards) character.canFly = true; break; } // Deactivate features after 30 seconds powerUpTimeout = setTimeout(function () { deactivatePowerUp(character); }, powerUpDuration); } // Function to deactivate features function deactivatePowerUp(character) { powerUpActive = false; // Revert features character.scale.set(1); // Revert size character.speed = 5; // Default speed increaseScoreRate(false); // Normalize score rate character.canFly = false; // Remove flying ability // Remove clones var clones = game.children.filter(function (child) { return child.isClone; }); clones.forEach(function (clone) { return clone.destroy(); }); } // Function to increase/modify score rate var scoreMultiplier = 1; function increaseScoreRate(isActive) { if (isActive) { scoreMultiplier = 2; // Double the score } else { scoreMultiplier = 1; // Normalize score rate } } // Function to create a clone of the character function createCharacterClone(character) { var clone = LK.getAsset('player', { anchorX: 0.5, anchorY: 0.5 }); clone.isClone = true; clone.x = character.x + 50; // Slightly beside the character clone.y = character.y; game.addChild(clone); // Make the clone follow the character var cloneSpeed = 5; // Movement speed of the clone LK.setInterval(function () { clone.x += cloneSpeed; if (clone.x > 2048) { // If the clone goes off-screen, remove it clone.destroy(); } }, 16); // Update clone movement every 16ms } // Move power-ups downwards function movePowerUps() { powerUps.forEach(function (powerUp) { powerUp.y += powerUpSpeed; // If the power-up reaches the bottom of the screen, remove it if (powerUp.y > 2732) { powerUp.destroy(); powerUps.splice(powerUps.indexOf(powerUp), 1); } }); } // Check score to create power-ups function checkScoreForPowerUp() { if (LK.getScore() % 20 === 0) { // Add a box every 20 points createPowerUp(); // Create the box } } // Add power-up movement and collision check to the game loop function gameLoop() { var character = player; checkPowerUpCollision(character); // Collision check checkScoreForPowerUp(); // Score check (add box every 20 points) movePowerUps(); // Move power-ups requestAnimationFrame(gameLoop); // Continuously run the game loop } // Start the game loop gameLoop(); // 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(); };

===================================================================
--- original.js
+++ change.js
@@ -95,176 +95,218 @@
 
 /**** 
 * 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
-});
-// Power-up duration and state
-var powerUpDuration = 30000; // 30 seconds
-var powerUpActive = false;
-var powerUpTimeout;
+var powerUpDuration = 30000; // Duration for which power-ups are active (30 seconds)
+var powerUpActive = false; // Check if power-ups are active
+var powerUpTimeout; // Power-up duration
+var powerUpSpeed = 3; // Falling speed of power-ups
 // Array to hold power-ups
 var powerUps = [];
 // Function to create a power-up
 function createPowerUp() {
 	var powerUp = LK.getAsset('powerUp', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	// Random position for the power-up
-	powerUp.x = Math.random() * 2048;
-	powerUp.y = Math.random() * 2732;
+	// Start position of the box from the top
+	var startX = Math.random() * 2048;
+	var startY = -40; // Starting Y position of the box, slightly outside from the top
+	powerUp.x = startX;
+	powerUp.y = startY;
 	// Add power-up to the game scene
 	game.addChild(powerUp);
-	// Add power-up object to the array
+	// Add power-up to the array
 	powerUps.push(powerUp);
 }
-// Check collision with power-ups
+// Check collision with power-up and activate features
 function checkPowerUpCollision(character) {
 	powerUps.forEach(function (powerUp) {
 		if (character.intersects(powerUp)) {
+			// Activate features
 			activatePowerUp(character);
+			// Remove power-up from the scene
 			powerUp.destroy();
 			powerUps.splice(powerUps.indexOf(powerUp), 1);
 		}
 	});
 }
-// Activate power-up effects
+// Function to activate features
 function activatePowerUp(character) {
 	if (powerUpActive) {
 		return;
-	}
+	} // If already active, do not activate new features
 	powerUpActive = true;
-	var randomFeature = Math.floor(Math.random() * 5);
+	// Select a random feature
+	var randomFeature = Math.floor(Math.random() * 5); // 5 different features
 	switch (randomFeature) {
 		case 0:
+			// Increase character size to 4 times
 			character.scale.set(4);
 			break;
 		case 1:
-			character.speed = 10;
+			// Increase character speed
+			character.speed = 10; // Faster than default speed
 			break;
 		case 2:
+			// Increase score rate
 			increaseScoreRate(true);
 			break;
 		case 3:
+			// Create a clone of the character
 			createCharacterClone(character);
 			break;
 		case 4:
+			// Allow character to fly (move upwards)
 			character.canFly = true;
 			break;
 	}
+	// Deactivate features after 30 seconds
 	powerUpTimeout = setTimeout(function () {
 		deactivatePowerUp(character);
 	}, powerUpDuration);
 }
-// Deactivate power-up effects
+// Function to deactivate features
 function deactivatePowerUp(character) {
 	powerUpActive = false;
-	character.scale.set(1);
-	character.speed = 5;
-	increaseScoreRate(false);
-	character.canFly = false;
-	var clones = document.querySelectorAll('.clone');
+	// Revert features
+	character.scale.set(1); // Revert size
+	character.speed = 5; // Default speed
+	increaseScoreRate(false); // Normalize score rate
+	character.canFly = false; // Remove flying ability
+	// Remove clones
+	var clones = game.children.filter(function (child) {
+		return child.isClone;
+	});
 	clones.forEach(function (clone) {
 		return clone.destroy();
 	});
 }
-// Adjust score rate
+// Function to increase/modify score rate
 var scoreMultiplier = 1;
 function increaseScoreRate(isActive) {
-	scoreMultiplier = isActive ? 2 : 1;
+	if (isActive) {
+		scoreMultiplier = 2; // Double the score
+	} else {
+		scoreMultiplier = 1; // Normalize score rate
+	}
 }
-// Create character clone
+// Function to create a clone of the character
 function createCharacterClone(character) {
 	var clone = LK.getAsset('player', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	clone.x = character.x + 50;
+	clone.isClone = true;
+	clone.x = character.x + 50; // Slightly beside the character
 	clone.y = character.y;
 	game.addChild(clone);
-	var cloneSpeed = 5;
+	// Make the clone follow the character
+	var cloneSpeed = 5; // Movement speed of the clone
 	LK.setInterval(function () {
 		clone.x += cloneSpeed;
 		if (clone.x > 2048) {
+			// If the clone goes off-screen, remove it
 			clone.destroy();
 		}
-	}, 16);
+	}, 16); // Update clone movement every 16ms
 }
-// Create power-ups at intervals
-LK.setInterval(createPowerUp, 5000);
-// Game loop for collision detection
+// Move power-ups downwards
+function movePowerUps() {
+	powerUps.forEach(function (powerUp) {
+		powerUp.y += powerUpSpeed;
+		// If the power-up reaches the bottom of the screen, remove it
+		if (powerUp.y > 2732) {
+			powerUp.destroy();
+			powerUps.splice(powerUps.indexOf(powerUp), 1);
+		}
+	});
+}
+// Check score to create power-ups
+function checkScoreForPowerUp() {
+	if (LK.getScore() % 20 === 0) {
+		// Add a box every 20 points
+		createPowerUp(); // Create the box
+	}
+}
+// Add power-up movement and collision check to the game loop
 function gameLoop() {
-	checkPowerUpCollision(player);
-	LK.setInterval(gameLoop, 16);
+	var character = player;
+	checkPowerUpCollision(character); // Collision check
+	checkScoreForPowerUp(); // Score check (add box every 20 points)
+	movePowerUps(); // Move power-ups
+	requestAnimationFrame(gameLoop); // Continuously run the game loop
 }
+// Start the game loop
 gameLoop();
+// 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

Creation History

Images

Sounds & Music

Used plugins