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 < -500) { // Increased value to ensure platforms are fully off-screen self.destroy(); } }; }); //<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; self.sprites = []; self.groundY = 2732 / 1.5; // Store the ground position // Platform collision properties self.isOnGround = true; self.currentPlatform = null; // 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; // Keeping the original jump height self.isJumping = false; self.velocityY = 0; self.jumpState = "none"; // Added to track jump animation phases self.jumpStartTime = 0; self.update = function () { // Hide all sprites first for (var i = 0; i < self.sprites.length; i++) { self.sprites[i].alpha = 0; } // Apply gravity if not on a platform and not actively jumping 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 for platform collisions while falling self.checkPlatformCollision(); } // 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 while falling during a jump self.checkPlatformCollision(); } // End jump if hitting the original ground (for backward compatibility) if (self.y >= self.groundY && !self.currentPlatform) { self.y = self.groundY; self.isJumping = false; self.velocityY = 0; self.jumpState = "none"; self.isOnGround = true; } } else if (self.isOnGround) { // Run animation when on a platform or ground 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, check if we're still above it if (self.currentPlatform) { // Check if still above the platform var platformHalfWidth = self.currentPlatform.width / 2; var stillOnPlatform = self.x > self.currentPlatform.x - platformHalfWidth && self.x < self.currentPlatform.x + platformHalfWidth; if (!stillOnPlatform) { self.isOnGround = false; self.currentPlatform = null; // Start falling self.velocityY = 0.1; } } }; self.jump = function () { if (self.isOnGround) { self.isJumping = true; self.isOnGround = false; self.velocityY = -self.jumpHeight; self.jumpState = "start"; self.jumpStartTime = Date.now(); self.currentPlatform = null; } else if (self.isJumping && self.velocityY < 10) { // Allow for a small double-jump to reach higher platforms // Only if not falling too fast self.velocityY = -self.jumpHeight * 0.7; self.jumpStartTime = Date.now(); } }; self.checkPlatformCollision = function () { for (var i = 0; i < platforms.length; i++) { var platform = platforms[i]; var platformHalfWidth = platform.width / 2; // The offset should match exactly how the player aligns with the lower platform initially var playerPlatformOffset = 250; // This is the exact offset between player.y and lowPlatformHeight // Check if player is above the platform and falling if (self.velocityY > 0 && // Must be falling down self.y < platform.y - playerPlatformOffset && self.y + self.velocityY >= platform.y - playerPlatformOffset && self.x > platform.x - platformHalfWidth && self.x < platform.x + platformHalfWidth) { // Land on the platform with the exact same positioning as on the low platform self.y = platform.y - playerPlatformOffset; self.velocityY = 0; self.isJumping = false; self.isOnGround = true; self.currentPlatform = platform; return; } } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 // Black background }); /**** * Game Code ****/ var platforms = []; var platformWidth = 1000; // Define platform width based on asset size var platformSpawnInterval = 60; var platformSpawnCounter = 0; // Define the two fixed platform heights var lowPlatformHeight = 2732 / 1.5 + 250; // Regular height (player.y + 250) var highPlatformHeight = lowPlatformHeight - 600; // High platform (600 pixels higher) var lastPlatformHeight = lowPlatformHeight; // Simple toggle for alternating platform heights var useHighPlatform = false; var platformGap = 200; // Gap between platforms var lastPlatformX = 0; // Track the last platform position //<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 at the low level for (var i = 0; i < 5; i++) { var platform = new Platform(); // If this is the first platform, position it based on the player's position if (i === 0) { platform.x = player.x; } else { // For subsequent platforms, position them exactly one platform width away from the previous one // Since platforms are anchored at center, we add the full width to get from center to center platform.x = lastPlatformX + platform.width; } platform.y = lowPlatformHeight; platforms.push(platform); game.addChild(platform); lastPlatformX = platform.x; } // Initialize platform height tracking lastPlatformHeight = lowPlatformHeight; // Initialize the player to start on a platform player.isOnGround = true; player.currentPlatform = platforms[0]; } initializeGame(); // Handle game updates game.update = function () { player.update(); // Spawn platforms platformSpawnCounter++; if (platformSpawnCounter >= platformSpawnInterval) { var platform = new Platform(); // Position the new platform exactly one platform width away from the last one // This ensures there are no gaps between platforms platform.x = lastPlatformX + platform.width; // Determine the height (rest of the code remains the same) if (lastPlatformHeight === lowPlatformHeight) { platform.y = highPlatformHeight; lastPlatformHeight = highPlatformHeight; } else { platform.y = lowPlatformHeight; lastPlatformHeight = lowPlatformHeight; } // Store last platform position lastPlatformX = platform.x; // Add the platform to the game platforms.push(platform); game.addChild(platform); // Reset counter 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); } } // 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
@@ -261,23 +261,18 @@
 	// Spawn platforms
 	platformSpawnCounter++;
 	if (platformSpawnCounter >= platformSpawnInterval) {
 		var platform = new Platform();
-		// Important: Position the platform EXACTLY at the end of the previous one
-		platform.x = lastPlatformX + platformWidth;
-		// Alternate between platform heights only when we've placed enough platforms
-		// to complete the current "section" of platforms
-		if (platformSpawnCounter >= platformSpawnInterval) {
-			if (lastPlatformHeight === lowPlatformHeight) {
-				platform.y = highPlatformHeight;
-				lastPlatformHeight = highPlatformHeight;
-			} else {
-				platform.y = lowPlatformHeight;
-				lastPlatformHeight = lowPlatformHeight;
-			}
+		// Position the new platform exactly one platform width away from the last one
+		// This ensures there are no gaps between platforms
+		platform.x = lastPlatformX + platform.width;
+		// Determine the height (rest of the code remains the same)
+		if (lastPlatformHeight === lowPlatformHeight) {
+			platform.y = highPlatformHeight;
+			lastPlatformHeight = highPlatformHeight;
 		} else {
-			// Continue with the current height
-			platform.y = lastPlatformHeight;
+			platform.y = lowPlatformHeight;
+			lastPlatformHeight = lowPlatformHeight;
 		}
 		// Store last platform position
 		lastPlatformX = platform.x;
 		// Add the platform to the game

Creation History

Images

Sounds & Music

Used plugins

Most played remixes