Upit | Learn about creating the game Max vs Monsters with gen AI

/**** * Classes ****/ // 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 = 5; self.update = function () { self.x -= self.speed; if (self.x < -50) { self.destroy(); } }; }); var Platform = Container.expand(function () { var self = Container.call(this); var platformGraphics = self.attachAsset('platform', { anchorX: 0.5, anchorY: 0.5 }); self.speed = 5; self.passed = false; self.update = function () { self.x -= self.speed; if (self.x < -50) { self.destroy(); } }; }); //<Assets used in the game will automatically appear here> var Player = Container.expand(function () { var self = Container.call(this); // Initialize sprites array self.sprites = []; // Add platform collision properties self.isOnGround = true; self.currentPlatform = null; self.groundY = 2732 / 1.5; // Modify the update function to handle platform physics self.update = function () { // Hide all sprites first (keep your existing animation code) for (var i = 0; i < self.sprites.length; i++) { self.sprites[i].alpha = 0; } // Apply gravity if not on a platform if (!self.isOnGround && !self.isJumping) { self.velocityY += 0.7; self.y += self.velocityY; // Show falling animation (using jump3) var jumpOffset = self.runAnimation.length; self.sprites[jumpOffset + 2].alpha = 1; // jump3 } // Check if player has fallen off the bottom of the screen if (self.y > 2732) { LK.effects.flashScreen(0xff0000, 1000); LK.showGameOver(); } // Handle jumping physics and animation if (self.isJumping) { self.y += self.velocityY; self.velocityY += 0.7; // Get jump frame index offset var jumpOffset = self.runAnimation.length; // Determine jump animation based on velocity and time var currentTime = Date.now(); if (currentTime - self.jumpStartTime < 100) { // Brief initial jump1 phase (first 100ms) self.sprites[jumpOffset + 0].alpha = 1; // jump1 } else if (self.velocityY < 0) { // Going up - show jump2 self.sprites[jumpOffset + 1].alpha = 1; // jump2 } else if (self.velocityY > 0) { // Going down - show jump3 self.sprites[jumpOffset + 2].alpha = 1; // jump3 // Check for landing on platforms self.checkPlatformCollision(); } } else if (self.isOnGround) { // Run animation when on a platform self.animationCounter += self.animationSpeed; if (self.animationCounter >= 1) { self.animationCounter = 0; // Update to next frame self.runFrame = (self.runFrame + 1) % self.runAnimation.length; } // Show current run frame self.sprites[self.runFrame].alpha = 1; } // If on a platform, move with it if (self.currentPlatform) { self.x -= self.currentPlatform.speed; // Check if still on platform if (self.x < self.currentPlatform.x - 50 || self.x > self.currentPlatform.x + 50) { self.isOnGround = false; self.currentPlatform = null; } } }; self.jump = function () { if (self.isOnGround || self.isJumping) { self.isJumping = true; self.isOnGround = false; self.velocityY = -self.jumpHeight; self.jumpState = "start"; self.jumpStartTime = Date.now(); self.currentPlatform = null; } }; self.checkPlatformCollision = function () { for (var i = 0; i < platforms.length; i++) { var platform = platforms[i]; // Check if player is above the platform and falling if (self.y < platform.y - 4 && self.y + self.velocityY >= platform.y - 4 && self.x > platform.x - 50 && self.x < platform.x + 50) { // Land on the platform self.y = platform.y - 4; self.velocityY = 0; self.isJumping = false; self.isOnGround = true; self.currentPlatform = platform; break; } } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 // Black background }); /**** * Game Code ****/ var platforms = []; var platformSpawnInterval = 60; var platformSpawnCounter = 0; var currentPlatformHeight = 2732 / 1.5; // Starting at player level var isHighPlatformMode = false; var highPlatformTimer = 0; var highPlatformDuration = 0; var lastPlatformX = 0; //<Assets used in the game will automatically appear here> var background = game.addChild(LK.getAsset('background', { anchorX: 0, anchorY: 0, alpha: 0 })); background.x = 0; background.y = 0; // Initialize player var player = game.addChild(new Player()); player.x = 2048 / 4.5; player.y = 2732 / 1.5; // Initialize enemies var enemies = []; var enemySpawnInterval = 100; var enemySpawnCounter = 0; // Create a new Text2 object to display the score var scoreText = new Text2('0', { size: 100, fill: 0xFFFFFF }); // Add the score text to the game GUI at the top center of the screen LK.gui.top.addChild(scoreText); scoreText.x = 2048 / 2; scoreText.y = 0; // Initialize the game with starting platforms function initializeGame() { // Create initial platforms for (var i = 0; i < 5; i++) { var platform = new Platform(); platform.x = player.x + i * 150; // Spaced out platforms platform.y = player.y; // At player level platforms.push(platform); game.addChild(platform); } // Initialize the player to start on a platform player.isOnGround = true; player.currentPlatform = platforms[0]; // Set initial high platform duration highPlatformDuration = Math.floor(Math.random() * 500) + 300; } // Call this at the start initializeGame(); // Handle game updates game.update = function () { player.update(); // Spawn platforms platformSpawnCounter++; if (platformSpawnCounter >= platformSpawnInterval) { var platform = new Platform(); platform.x = 2048 + 50; // Start just off-screen to the right // Determine platform height based on current mode if (isHighPlatformMode) { platform.y = currentPlatformHeight - 600; // Higher platform } else { platform.y = currentPlatformHeight; // Regular height } // Store last platform position for spacing lastPlatformX = platform.x; platforms.push(platform); game.addChild(platform); // Randomize the spawn interval for the next platform platformSpawnInterval = Math.floor(Math.random() * 50) + 40; platformSpawnCounter = 0; } // Update platforms for (var i = platforms.length - 1; i >= 0; i--) { platforms[i].update(); // Remove platforms that are destroyed if (platforms[i].destroyed) { platforms.splice(i, 1); } } // Handle high platform mode timing highPlatformTimer++; if (highPlatformTimer >= highPlatformDuration) { // Toggle high platform mode isHighPlatformMode = !isHighPlatformMode; if (isHighPlatformMode) { // Set the new higher platform height currentPlatformHeight = 2732 / 1.5 - 600; highPlatformDuration = Math.floor(Math.random() * 300) + 200; } else { // Return to regular height currentPlatformHeight = 2732 / 1.5; highPlatformDuration = Math.floor(Math.random() * 500) + 300; } highPlatformTimer = 0; } // Enemy handling (keep your existing enemy code) //enemySpawnCounter++; if (enemySpawnCounter >= enemySpawnInterval) { var enemy = new Enemy(); enemy.x = 2048; enemy.y = 2732 / 2; enemies.push(enemy); game.addChild(enemy); enemySpawnInterval = Math.floor(Math.random() * 150) + 50; enemySpawnCounter = 0; } // Update enemies for (var j = enemies.length - 1; j >= 0; j--) { enemies[j].update(); if (player.intersects(enemies[j])) { LK.effects.flashScreen(0xff0000, 1000); LK.showGameOver(); } else if (player.x > enemies[j].x && !enemies[j].passed) { enemies[j].passed = true; LK.setScore(LK.getScore() + 1); scoreText.setText(LK.getScore()); } } }; // Handle player jump game.down = function (x, y, obj) { player.jump(); };

===================================================================
--- original.js
+++ change.js
@@ -33,49 +33,33 @@
 });
 //<Assets used in the game will automatically appear here>
 var Player = Container.expand(function () {
 	var self = Container.call(this);
-	// Animation properties
-	self.runAnimation = ['playerrun1', 'playerrun2', 'playerrun3', 'playerrun4', 'playerrun5', 'playerrun6'];
-	self.jumpAnimation = ['playerjump1', 'playerjump2', 'playerjump3'];
-	self.runFrame = 0;
-	self.animationSpeed = 0.08;
-	self.animationCounter = 0;
+	// Initialize sprites array
 	self.sprites = [];
-	self.groundY = 2732 / 2; // Store the ground position
-	// Pre-attach all animation frames but make only the first one visible
-	// First add run animation sprites
-	for (var i = 0; i < self.runAnimation.length; i++) {
-		var sprite = self.attachAsset(self.runAnimation[i], {
-			anchorX: 0.5,
-			anchorY: 0.5
-		});
-		// Set all frames except the first to be invisible
-		sprite.alpha = i === 0 ? 1 : 0;
-		self.sprites.push(sprite);
-	}
-	// Then add jump animation sprites
-	for (var i = 0; i < self.jumpAnimation.length; i++) {
-		var sprite = self.attachAsset(self.jumpAnimation[i], {
-			anchorX: 0.5,
-			anchorY: 0.5
-		});
-		// Set all jump frames to invisible initially
-		sprite.alpha = 0;
-		self.sprites.push(sprite);
-	}
-	// Movement properties
-	self.speed = 5;
-	self.jumpHeight = 40;
-	self.isJumping = false;
-	self.velocityY = 0;
-	self.jumpState = "none"; // Added to track jump animation phases
-	self.jumpStartTime = 0;
+	// Add platform collision properties
+	self.isOnGround = true;
+	self.currentPlatform = null;
+	self.groundY = 2732 / 1.5;
+	// Modify the update function to handle platform physics
 	self.update = function () {
-		// Hide all sprites first
+		// Hide all sprites first (keep your existing animation code)
 		for (var i = 0; i < self.sprites.length; i++) {
 			self.sprites[i].alpha = 0;
 		}
+		// Apply gravity if not on a platform
+		if (!self.isOnGround && !self.isJumping) {
+			self.velocityY += 0.7;
+			self.y += self.velocityY;
+			// Show falling animation (using jump3)
+			var jumpOffset = self.runAnimation.length;
+			self.sprites[jumpOffset + 2].alpha = 1; // jump3
+		}
+		// Check if player has fallen off the bottom of the screen
+		if (self.y > 2732) {
+			LK.effects.flashScreen(0xff0000, 1000);
+			LK.showGameOver();
+		}
 		// Handle jumping physics and animation
 		if (self.isJumping) {
 			self.y += self.velocityY;
 			self.velocityY += 0.7;
@@ -88,28 +72,16 @@
 				self.sprites[jumpOffset + 0].alpha = 1; // jump1
 			} else if (self.velocityY < 0) {
 				// Going up - show jump2
 				self.sprites[jumpOffset + 1].alpha = 1; // jump2
-			} else if (self.velocityY > 0 && self.y < self.groundY - 5) {
-				// Going down but not near landing - show jump3
+			} else if (self.velocityY > 0) {
+				// Going down - show jump3
 				self.sprites[jumpOffset + 2].alpha = 1; // jump3
-			} else if (self.y >= self.groundY - 5) {
-				// About to land - show jump1 briefly
-				self.sprites[jumpOffset + 0].alpha = 1; // jump1
-				// Make sure player doesn't go below ground
-				if (self.y > self.groundY) {
-					self.y = self.groundY;
-				}
-				// Schedule return to running after a brief moment
-				LK.setTimeout(function () {
-					self.isJumping = false;
-					self.velocityY = 0;
-					self.jumpState = "none";
-					self.y = self.groundY; // Ensure player is at exact ground level
-				}, 50); // Very short duration for jump1 at the end
+				// Check for landing on platforms
+				self.checkPlatformCollision();
 			}
-		} else {
-			// Run animation when not jumping
+		} else if (self.isOnGround) {
+			// Run animation when on a platform
 			self.animationCounter += self.animationSpeed;
 			if (self.animationCounter >= 1) {
 				self.animationCounter = 0;
 				// Update to next frame
@@ -117,17 +89,43 @@
 			}
 			// Show current run frame
 			self.sprites[self.runFrame].alpha = 1;
 		}
+		// If on a platform, move with it
+		if (self.currentPlatform) {
+			self.x -= self.currentPlatform.speed;
+			// Check if still on platform
+			if (self.x < self.currentPlatform.x - 50 || self.x > self.currentPlatform.x + 50) {
+				self.isOnGround = false;
+				self.currentPlatform = null;
+			}
+		}
 	};
 	self.jump = function () {
-		if (!self.isJumping) {
+		if (self.isOnGround || self.isJumping) {
 			self.isJumping = true;
+			self.isOnGround = false;
 			self.velocityY = -self.jumpHeight;
 			self.jumpState = "start";
-			self.jumpStartTime = Date.now(); // Record when jump started
+			self.jumpStartTime = Date.now();
+			self.currentPlatform = null;
 		}
 	};
+	self.checkPlatformCollision = function () {
+		for (var i = 0; i < platforms.length; i++) {
+			var platform = platforms[i];
+			// Check if player is above the platform and falling
+			if (self.y < platform.y - 4 && self.y + self.velocityY >= platform.y - 4 && self.x > platform.x - 50 && self.x < platform.x + 50) {
+				// Land on the platform
+				self.y = platform.y - 4;
+				self.velocityY = 0;
+				self.isJumping = false;
+				self.isOnGround = true;
+				self.currentPlatform = platform;
+				break;
+			}
+		}
+	};
 });
 
 /**** 
 * Initialize Game
@@ -138,8 +136,16 @@
 
 /**** 
 * Game Code
 ****/ 
+var platforms = [];
+var platformSpawnInterval = 60;
+var platformSpawnCounter = 0;
+var currentPlatformHeight = 2732 / 1.5; // Starting at player level
+var isHighPlatformMode = false;
+var highPlatformTimer = 0;
+var highPlatformDuration = 0;
+var lastPlatformX = 0;
 //<Assets used in the game will automatically appear here>
 var background = game.addChild(LK.getAsset('background', {
 	anchorX: 0,
 	anchorY: 0,
@@ -163,20 +169,80 @@
 // Add the score text to the game GUI at the top center of the screen
 LK.gui.top.addChild(scoreText);
 scoreText.x = 2048 / 2;
 scoreText.y = 0;
+// Initialize the game with starting platforms
+function initializeGame() {
+	// Create initial platforms
+	for (var i = 0; i < 5; i++) {
+		var platform = new Platform();
+		platform.x = player.x + i * 150; // Spaced out platforms
+		platform.y = player.y; // At player level
+		platforms.push(platform);
+		game.addChild(platform);
+	}
+	// Initialize the player to start on a platform
+	player.isOnGround = true;
+	player.currentPlatform = platforms[0];
+	// Set initial high platform duration
+	highPlatformDuration = Math.floor(Math.random() * 500) + 300;
+}
+// Call this at the start
+initializeGame();
 // Handle game updates
 game.update = function () {
 	player.update();
-	// Spawn enemies
+	// Spawn platforms
+	platformSpawnCounter++;
+	if (platformSpawnCounter >= platformSpawnInterval) {
+		var platform = new Platform();
+		platform.x = 2048 + 50; // Start just off-screen to the right
+		// Determine platform height based on current mode
+		if (isHighPlatformMode) {
+			platform.y = currentPlatformHeight - 600; // Higher platform
+		} else {
+			platform.y = currentPlatformHeight; // Regular height
+		}
+		// Store last platform position for spacing
+		lastPlatformX = platform.x;
+		platforms.push(platform);
+		game.addChild(platform);
+		// Randomize the spawn interval for the next platform
+		platformSpawnInterval = Math.floor(Math.random() * 50) + 40;
+		platformSpawnCounter = 0;
+	}
+	// Update platforms
+	for (var i = platforms.length - 1; i >= 0; i--) {
+		platforms[i].update();
+		// Remove platforms that are destroyed
+		if (platforms[i].destroyed) {
+			platforms.splice(i, 1);
+		}
+	}
+	// Handle high platform mode timing
+	highPlatformTimer++;
+	if (highPlatformTimer >= highPlatformDuration) {
+		// Toggle high platform mode
+		isHighPlatformMode = !isHighPlatformMode;
+		if (isHighPlatformMode) {
+			// Set the new higher platform height
+			currentPlatformHeight = 2732 / 1.5 - 600;
+			highPlatformDuration = Math.floor(Math.random() * 300) + 200;
+		} else {
+			// Return to regular height
+			currentPlatformHeight = 2732 / 1.5;
+			highPlatformDuration = Math.floor(Math.random() * 500) + 300;
+		}
+		highPlatformTimer = 0;
+	}
+	// Enemy handling (keep your existing enemy code)
 	//enemySpawnCounter++;
 	if (enemySpawnCounter >= enemySpawnInterval) {
 		var enemy = new Enemy();
 		enemy.x = 2048;
 		enemy.y = 2732 / 2;
 		enemies.push(enemy);
 		game.addChild(enemy);
-		// Randomize the spawn interval for the next enemy
 		enemySpawnInterval = Math.floor(Math.random() * 150) + 50;
 		enemySpawnCounter = 0;
 	}
 	// Update enemies

Creation History

Images

Sounds & Music

Used plugins

Most played remixes