Kirby-Style Platformer Game

{"name":"Juan June 5","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dcundm3ab5mgxm7mtkqq","view_count":10,"fork_count":3,"expires_at":null,"created_at":"2025-06-05T14:51:32.305369Z","updated_at":"2025-06-05T14:51:32.305370Z","user_id":60,"status":"PRIVATE","parent_id":8160,"id":8163,"user":{"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active","photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100},"code":{"Block.js":"class Block {\n constructor(x, y, width, height, color, level) {\n this.x = x; // X position of the block\n this.y = y; // Y position of the block\n this.width = width; // Width of the block\n this.height = height; // Height of the block\n this.color = color;\n this.level = level; // Level the block belongs to\n }\n\n display() {\n fill(this.color);\n rect(this.x, this.y, this.width, this.height); // Draw the block\n }\n}\n\n","Enemy.js":"class Enemy {\n constructor(x, y) {\n this.x = x; // X position of Nochozilla\n this.y = y; // Y position of Nochozilla\n this.width = 100; // Width of Nochozilla\n this.height = 100; // Height of Nochozilla\n this.speed = 2; // Speed of Nochozilla\n this.gravity = 0.5; // Gravity effect for jumping\n this.velocityY = 0; // Vertical velocity for jumping\n this.isJumping = false; // Jumping state\n this.jumpForce = 10; // Force of the jump\n this.description = \"\"; // Description placeholder\n }\n\n update() {\n // Move Nochozilla left to right\n this.x += this.speed;\n\n // Check if Nochozilla is on the ground\n if (!this.isJumping) {\n this.jump(); // Nochozilla can jump when not jumping\n }\n\n // Apply gravity\n this.velocityY += this.gravity;\n this.y += this.velocityY;\n\n // Check if Nochozilla falls off the screen\n if (this.y > height) {\n this.resetPosition(); // Reset position if he falls below the canvas\n }\n\n // Reverse direction when hitting the canvas edges\n if (this.x > width - this.width || this.x < 0) {\n this.speed *= -1; // Change direction\n }\n }\n\n jump() {\n // Make Nochozilla jump at random intervals\n if (Math.random() < 0.01) { // Adjust this value for jump frequency\n this.isJumping = true; // Set jumping state\n this.velocityY = -this.jumpForce; // Set the jump velocity\n }\n\n // Reset jumping state if near ground\n if (this.y >= height - this.height) {\n this.isJumping = false; // Reset jumping state when on ground\n this.velocityY = 0; // Reset vertical velocity\n }\n }\n\n resetPosition() {\n this.x = random(100, width - 200); // Random X position\n this.y = height - 100; // Spawn back on the platform\n this.velocityY = 0; // Reset vertical velocity\n }\n\n display() {\n image(nochozilla, this.x, this.y, this.width, this.height); // Draw Nochozilla\n }\n\n showDescription() {\n // Display the description when colliding or approaching player\n textSize(16);\n fill(255);\n text(this.description, this.x, this.y - 10); // Display above the enemy\n }\n}\n\nclass SauceBird extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.image = sauceBirdImage; // Load the Sauce Bird image\n this.width = 50;\n this.height = 50;\n this.direction = 1; // 1 for right, -1 for left\n }\n\n update(player) {\n // Check if Sauce Bird is within a certain distance of the player\n if (abs(this.x - player.x) < 300) {\n // Move based on direction\n this.x += this.direction * 2; // Move based on direction\n this.y += Math.sin(frameCount * 0.1) * 2; // Sine wave motion\n\n // Reverse direction when hitting the edges\n if (this.x > player.x + 300 || this.x < player.x - 300) {\n this.direction *= -1; // Change direction\n }\n }\n }\n\n display() {\n // Flip sprite when moving right\n if (this.direction === 1) {\n push();\n scale(-1, 1); // Flip horizontally\n image(this.image, -this.x - this.width, this.y, this.width, this.height); // Draw Sauce Bird\n pop();\n } else {\n image(this.image, this.x, this.y, this.width, this.height); // Draw Sauce Bird\n }\n }\n}\n\nclass SauceFish extends Enemy {\n constructor(x, y) {\n super(x, y);\n this.image = sauceFishImage; // Load the Sauce Fish image\n this.width = 50;\n this.height = 50;\n this.direction = 1; // 1 for right, -1 for left\n }\n\n update(player) {\n // Check if Sauce Fish is within a certain distance of the player\n if (abs(this.x - player.x) < 300) {\n // Move based on direction\n this.x += this.direction * 2; // Move based on direction\n\n // Reverse direction when hitting the edges\n if (this.x > player.x + 300 || this.x < player.x - 300) {\n this.direction *= -1; // Change direction\n }\n }\n }\n\n display() {\n // Flip sprite when moving right\n if (this.direction === 1) {\n push();\n scale(-1, 1); // Flip horizontally\n image(this.image, -this.x - this.width, this.y, this.width, this.height); // Draw Sauce Fish\n pop();\n } else {\n image(this.image, this.x, this.y, this.width, this.height); // Draw Sauce Fish\n }\n }\n}\n\n","Animal.js":"class Animal {\r\n constructor(x, y) {\r\n this.x = x; // X position of the animal\r\n this.y = y; // Y position of the animal\r\n this.width = 50; // Width of the animal\r\n this.height = 50; // Height of the animal\r\n this.speed = 2; // Speed of the animal\r\n this.direction = 1; // 1 for right, -1 for left\r\n this.image = loadImage(\"@asset('kirbo_is_powerfull')\"); // Load animal image (you can change this)\r\n }\r\n\r\n update() {\r\n // Move the animal back and forth\r\n this.x += this.speed * this.direction;\r\n\r\n // Reverse direction when hitting the canvas edges\r\n if (this.x > width - this.width || this.x < 0) {\r\n this.direction *= -1; // Change direction\r\n }\r\n }\r\n\r\n display() {\r\n image(this.image, this.x, this.y, this.width, this.height); // Draw the animal\r\n }\r\n}\r\n\r\n","Player.js":"class Player {\n constructor() {\n this.x = 150; // X position\n this.y = 0; // Y position\n this.width = 100; // Width of the player\n this.height = 100; // Height of the player\n this.gravity = 0.5; // Gravity effect\n this.velocityY = 0; // Vertical velocity\n this.jumpForce = 12; // Force of the jump\n this.jumpCount = 0; // Count of jumps\n this.speed = 5; // Movement speed\n this.isCrouching = false; // Crouching state\n this.lastDirection = 1;\n this.hasPowerUp = false;\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= this.speed; // Move left\n this.lastDirection = -1; // Update last direction\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += this.speed; // Move right\n this.lastDirection = 1; // Update last direction\n }\n if (keyIsDown(DOWN_ARROW)) {\n this.isCrouching = true; // Crouch\n } else {\n this.isCrouching = false; // Stand up\n }\n }\n\n jump() {\n if (this.jumpCount < 2) { // Allow double jump\n this.velocityY = -this.jumpForce; // Set jump velocity\n this.jumpCount++; // Increment jump count\n }\n }\n\n update(blocks, enemies) {\n this.move(); // Update movement\n this.velocityY += this.gravity; // Apply gravity\n this.y += this.velocityY; // Update vertical position\n\n if (this.y > height) {\n this.resetPosition(); // Reset position if below the canvas\n }\n\n this.checkCollisions(blocks); // Check for collisions\n\n // Call sucking mode if crouching\n this.suckingMode(enemies);\n\n for (let enemy of enemies) {\n if (this.checkCollision(enemy) && !this.isCrouching) {\n // Calculate knockback direction and apply it\n let knockbackX = (this.x + this.width / 2) - (enemy.x + enemy.width / 2);\n let knockbackY = (this.y + this.height / 2) - (enemy.y + enemy.height / 2);\n let magnitude = sqrt(knockbackX * knockbackX + knockbackY * knockbackY);\n\n // Normalize the direction\n if (magnitude > 0) {\n knockbackX /= magnitude; // Normalize x\n knockbackY /= magnitude; // Normalize y\n }\n\n // Apply knockback effect\n this.x += knockbackX * 20; // Knockback force in x direction\n this.y += knockbackY * 20; // Knockback force in y direction\n this.velocityY = knockbackY * 10;\n this.velocityX = knockbackX * 20\n console.log(\"Player bounced off enemy!\"); // Debug message\n }\n }\n }\n\n\n throwKnife() {\n if (this.hasPowerUp) { // Check if the player has the power-up\n const knife = new ChiefKnife(this.x + (this.lastDirection === 1 ? this.width : 0), this.y + this.height / 2);\n knife.speed *= this.lastDirection; // Launch the knife in the correct direction\n knives.push(knife); // Add the knife to the array\n }\n }\n\n checkCollision(enemy) {\n // Calculate the center of the player\n let playerCenterX = this.x + this.width / 2;\n let playerCenterY = this.y + this.height / 2 + 30;\n\n // Define the collision box dimensions\n let collisionBoxSize = 10;\n\n // Check if the player's collision box intersects with the enemy's bounding box\n return (\n playerCenterX - collisionBoxSize / 2 < enemy.x + enemy.width &&\n playerCenterX + collisionBoxSize / 2 > enemy.x &&\n playerCenterY - collisionBoxSize / 2 < enemy.y + enemy.height &&\n playerCenterY + collisionBoxSize / 2 > enemy.y\n );\n }\n\n resetPosition() {\n this.x = 150; // Reset X position\n this.y = 0; // Reset Y position\n this.velocityY = 0; // Reset vertical velocity\n this.jumpCount = 0; // Reset jump count\n if (currentLevel === 1) {\n spawnNachozillas(); // Reset Nachozillas when respawning in level 1\n }\n }\n\n checkCollisions(blocks) {\n for (let block of blocks) {\n // Calculate the center of the player\n const playerCenterX = this.x + this.width / 2;\n const playerBottomY = this.y + this.height; // Player's bottom edge\n\n // Check horizontal overlap with wiggle room\n if (playerCenterX + 5 > block.x && playerCenterX - 5 < block.x + block.width) {\n // Check if the player is falling onto the block\n if (playerBottomY <= block.y + this.velocityY &&\n playerBottomY + this.velocityY >= block.y) {\n this.y = block.y - this.height; // Position player on top of the block\n this.velocityY = 0; // Stop falling\n this.jumpCount = 0; // Reset jump count on landing\n }\n }\n }\n }\n\n suckingMode(enemies) {\n // Check if the player is crouching\n if (this.isCrouching) {\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n // Calculate the distance to the enemy\n let distance = dist(this.x, this.y, enemy.x, enemy.y);\n if (distance < 300) { // If the enemy is within 300 pixels\n // Calculate the direction vector toward the player\n let directionX = this.x - enemy.x; // X direction toward player\n let directionY = this.y - enemy.y; // Y direction toward player\n let magnitude = sqrt(directionX * directionX + directionY * directionY); // Calculate the distance\n\n // Normalize the direction vector to get a unit vector\n if (magnitude > 0) {\n directionX /= magnitude; // Normalize x\n directionY /= magnitude; // Normalize y\n }\n\n // Move the enemy toward the player\n enemy.x += directionX * enemy.speed * 2; // Move in the x direction\n enemy.y += directionY * enemy.speed * 2; // Move in the y direction\n\n // Check for collision with the player\n if (this.checkCollision(enemy)) {\n enemies.splice(i, 1); // Remove the enemy if it touches the player\n }\n }\n }\n }\n }\n\n display() {\n let currentImage = this.isCrouching ? kirbo_sucking : kirbo; // Use appropriate image\n image(currentImage, this.x, this.y + 35, this.width, this.height); // Draw player\n }\n\n bounce() {\n this.velocityY = -7; // Adjust bounce strength\n }\n}\n\n","Portal.js":"class Portal {\r\n constructor(x, y) {\r\n this.x = x; // X position of the portal\r\n this.y = y; // Y position of the portal\r\n this.width = 100; // Width of the portal\r\n this.height = 100; // Height of the portal\r\n this.image = loadImage(\"@asset('the_portal_of_sauce')\"); // Load the portal image\r\n }\r\n\r\n display() {\r\n image(this.image, this.x, this.y, this.width, this.height); // Draw the portal\r\n }\r\n\r\n checkCollision(player) {\r\n // Check if the player touches the portal\r\n if (\r\n player.x + player.width > this.x && // Right side of player is past left side of portal\r\n player.x < this.x + this.width && // Left side of player is before right side of portal\r\n player.y + player.height > this.y && // Bottom side of player is past top side of portal\r\n player.y < this.y + this.height // Top side of player is before bottom side of portal\r\n ) {\r\n console.log(\"Player has entered the portal!\"); // Console message\r\n\r\n\r\n\r\n // Check which level the player is currently in\r\n if (currentLevel === 1) { // If player is in level 1\r\n player.x = 100; // New X position for level 2\r\n player.y = height / 2 - 100; // Adjust Y position for level 2\r\n enemies = []; // Clear all Nachozillas when entering level 2\r\n setupLevelTwoBlocks(); // Setup level 2 blocks\r\n currentLevel = 2; // Update the current level\r\n } else { // If player is in level 2\r\n player.x = 100; // Reset to original X position for level 1\r\n player.y = height / 3; // Reset to original Y position for level 1\r\n enemies = []; // Clear all Nachozillas when returning to level 1\r\n setupLevelOneBlocks(); // Setup level 1 blocks again\r\n currentLevel = 1; // Update the current level\r\n }\r\n }\r\n }\r\n}\r\n\r\n","script.js":"let actionImage;\n\nlet kirbo_attacks;\n\nlet enemies = [];\n\nlet player;\n\nlet blocks = [];\n\nlet powerUps = [];\n\nlet nachozilla;\n\nlet portal;\n\nlet kirbo_leather;\n\nlet armorImages;\n\nlet knives = [];\nlet projectiles = [];\n\nlet currentLevel = 1;\n\nlet spawnBlock;\n\nlet levelOneBlocks = [];\n\nlet levelTwoBlocks = [];\n\nlet currentBlocks;\n\nlet gameState = \"lore\";\n\nlet tocoDog\n\nfunction preload() {\n kirbo = loadImage(\"@asset('kirbo_the_3')\");\n kirbo_attacks = loadImage(\"@asset('kirbo_attacks')\");\n kirbo_defense = loadImage(\"@asset('kirbo_deffnese')\");\n chief_power_up = loadImage(\"@asset('chefHat')\");\n nachozilla = loadImage(\"@asset('nochozilla')\");\n the_portal_of_sauce = loadImage(\"@asset('the_portal_of_sauce')\");\n ghost = loadImage(\"@asset('ghost')\");\n sauceFishImage = loadImage(\"@asset('susaerfa')\");\n sauceBirdImage = loadImage(\"@asset('susaerbird')\");\n armorImages = {\n leather: loadImage(\"@asset('kirbo_lether')\"),\n gold: loadImage(\"@asset('gold_kirbo')\"),\n };\n flating_kirbo = loadImage(\"@asset('flating_kirbo')\");\n lavecutes = loadImage(\"@asset('lavecutes')\");\n toco = loadImage(\"@asset('toco')\"); // Load toco image\n flag = loadImage(\"@asset('flag')\"); // Load flag image\n kirbo_sucking = loadImage(\"@asset('kirbo_sucking')\");\n toco_dog = loadImage(\"@asset('toco_dog')\");\n bkgMusic = new Tone.Player(\"@asset('bkgMusic')\").toDestination(); // Load the background music\n bkgMusic.volume.value = -6;\n\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n player = new Player();\n tocoDog = new TocoDog()\n\n // Create the persistent spawn block\n spawnBlock = new Block(player.x - 25, 2 * height / 3, 100, 20, color(255, 255, 255), 1); // White spawn block\n\n // Setup blocks for both levels only once\n setupLevelTwoBlocks();\n setupLevelOneBlocks();\n\n\n currentBlocks = levelOneBlocks;\n\n spawnNachozillas(); // Spawn Nachozillas for level 1\n\n // Set the portal position based on the spawn block\n //portal = new Portal(spawnBlock.x - 200, height - 200); // Adjust portal position based on spawn block\n\n}\n\nfunction draw() {\n if (gameState === \"lore\") {\n displayLoreScreen();\n } else {\n playGame();\n }\n\n\n}\n\nfunction checkCollision(player, enemy) {\n if (player.x < enemy.x + enemy.width &&\n player.x + player.width > enemy.x &&\n player.y < enemy.y + enemy.height &&\n player.y + player.height > enemy.y) {\n let damage = 10; // Base damage\n if (player.armor.durability > 0) {\n damage *= 0.5; // Reduce damage by half if armor is available\n player.armor.durability -= 10; // Decrease armor durability\n console.log(\"Armor reduced: \" + player.armor.durability);\n } else {\n player.health -= damage; // Decrease player health by the full damage\n console.log(\"Player Health: \" + player.health); // Log health for debugging\n }\n player.velocityY = -15; // Bounce the player up\n }\n}\n\nfunction drawLava() {\n let lavaColor = color(255, 0, 0); // Red color for lava\n fill(lavaColor);\n noStroke();\n rect(0, height - 100, width, 100); // Draw lava at the bottom of the screen\n // Add some waves to the lava\n for (let i = 0; i < width; i += 10) {\n let waveHeight = sin(i * 0.05 + frameCount * 0.1) * 5; // Create a wave effect\n fill(255, 165, 0); // Orange color for lava waves\n rect(i, height - 100 + waveHeight, 10, 10); // Draw lava wave\n }\n}\n\nfunction checkKnifeCollision(knife, enemy) {\n return knife.x < enemy.x + enemy.width &&\n knife.x + knife.width > enemy.x &&\n knife.y < enemy.y + enemy.height &&\n knife.y + knife.height > enemy.y;\n}\n\nfunction spawnNachozillas() {\n // Clear existing enemies\n enemies = [];\n\n // Choose 30 random blocks from level 1 to spawn Nachozillas on\n let blockIndices = [];\n for (let i = 0; i < levelOneBlocks.length; i++) {\n // Only include blocks that belong to level 1\n if (levelOneBlocks[i].level === 1) {\n blockIndices.push(i);\n }\n }\n shuffle(blockIndices, true); // Shuffle the indices\n\n // Spawn Nachozillas above the selected blocks\n for (let i = 0; i < 50; i++) {\n if (i < blockIndices.length) {\n let blockIndex = blockIndices[i];\n let block = levelOneBlocks[blockIndex];\n enemies.push(new Nachozilla(block.x + random(0, block.width - 50), block.y - 50)); // Spawn above the block\n // console.log(`Spawned Nachozilla at: (${block.x + random(0, block.width - 50)}, ${block.y - 50})`); // Debug log\n }\n }\n}\n\nfunction checkPowerUpCollision(player, powerUp) {\n if (player.x < powerUp.x + powerUp.width &&\n player.x + player.width > powerUp.x &&\n player.y < powerUp.y + powerUp.height &&\n player.y + player.height > powerUp.y) {\n // powerUp.collect(player); // Collect the power-up and grant it to the player\n return true; // Return true if collected\n }\n return false; // Return false if not collected\n}\n\nfunction setupLevelTwoBlocks() {\n\n levelTwoBlocks = []; // Clear any existing blocks to avoid duplication\n\n // Add the persistent spawn block to levelTwoBlocks\n levelTwoBlocks.push(spawnBlock);\n // Create level 2 blocks\n let currentX = 100; // Start position for the first block\n let lavaLevel = height - 100; // Lava level\n let maxHeight = height / 3; // Maximum height for the blocks\n\n for (let i = 0; i < 40; i++) {\n let blockWidth = random(20, 200); // Random width between 20 and 200\n let heightBlock = random(lavaLevel - 50, maxHeight); // Random height above lava and below top third of screen\n\n // Add the block to the levelTwoBlocks array\n levelTwoBlocks.push(new Block(currentX, heightBlock, blockWidth, 10, color(255, 0, 0), 2)); // Red blocks for level 2\n\n // Calculate the sinusoidal X offset for the next block\n let xOffset = 150 + (Math.sin(i * 0.2) * 300);\n currentX += blockWidth + xOffset; // Update the current X position based on width and offset\n }\n\n let currentFishX = 100; // Initialize current X for Sauce Fish\n // Add SauceFish enemies swimming in the lava below random blocks\n for (let i = 0; i < 25; i++) {\n let fishY = lavaLevel + random(10, 50); // Random height under the lava\n enemies.push(new SauceFish(currentFishX + random(50, 150), fishY)); // Spawn Sauce Fish\n currentFishX += random(150, 450); // Increment currentFishX for next fish spawn\n }\n\n // New currentX for Sauce Bird\n let currentBirdX = 100; // Initialize current X for Sauce Bird\n // Add SauceBird enemies flying in the air above random blocks\n for (let i = 0; i < 25; i++) {\n let birdY = random(0, height / 2); // Random height in the top half of the screen\n enemies.push(new SauceBird(currentBirdX + random(50, 150), birdY)); // Spawn Sauce Bird\n currentBirdX += random(150, 350); // Increment currentBirdX for next bird spawn\n }\n const portalX = spawnBlock.x - 150; // Position the portal to the left of the spawn block\n const portalY = spawnBlock.y - 100; // Align the portal with the spawn block's Y position\n portal = new Portal(portalX, portalY); // Create the new portal\n\n}\n\nfunction generatePowerUp() {\n // Spawn the chef power-up 100px above the 20th block\n if (levelOneBlocks.length >= 10) { // Ensure there are at least 20 blocks\n let block20 = levelOneBlocks[9]; // Get the 20th block (index 19)\n let powerUpX = block20.x + block20.width / 2 - 15; // Center the power-up above the block\n let powerUpY = block20.y - 100; // 100 pixels above the 20th block\n powerUps.push(new PowerUp(powerUpX, powerUpY)); // Create and add the power-up\n console.log(`Power-up generated at: (${powerUpX}, ${powerUpY})`); // Log generation\n } else {\n console.log(\"Not enough blocks to generate power-up.\"); // Log if not enough blocks\n }\n}\n\nfunction keyPressed() {\n if (gameState === \"lore\") {\n gameState = \"playing\"; // Change state to start the game\n bkgMusic.loop = true; // Set the loop property to true\n bkgMusic.start();\n } else {\n if (keyCode === UP_ARROW) {\n player.jump(); // Call jump when up arrow is pressed\n }\n if (keyCode === 88) { // \"X\" key\n player.throwKnife(); // Call throwKnife when \"X\" is pressed\n }\n }\n}\n\nfunction displayLoreScreen() {\n background(0); // Black background for the lore screen\n textSize(14);\n fill(255);\n textAlign(CENTER, CENTER);\n\n // Split the lore text into multiple lines\n let loreText = [\n \"There was a young lad called Kirbo, the brother of Kirby.\",\n \"Kirbo likes to eat stuff like a lot.\",\n \"And he is a very dumb guy.\",\n \"He fell for a trap but what was the trap?\",\n \"A chicken nugget in a trap door and Kirbo fell in the trap door.\",\n \"But just when he was gonna die, Kirbo got chicken and flew on it.\",\n \"And his goal? To get that chicken nugget but that chicken nugget is far away.\",\n \"So then the young lad went far for his yummy chicken nugget.\",\n \"So after Kirbo found the mexicos and so he then loved tacos.\",\n \"But he still needed to find Jack the chicken nugget.\",\n \"And so then he told himself a move called Jack is a chicken nugget.\",\n \"And so Kirbo went far away.\",\n \"Kirbo went first to Mexico land to get Mexico rods to open the flames to the chickerther.\",\n \"A place with chicken jockey.\",\n \"\",\n \"Move jump and suck with the arrow keys.\",\n \"When you get the power up press X to throw knives.\",\n \"Press an key to begin.\"\n ];\n\n // Display each line of text\n for (let i = 0; i < loreText.length; i++) {\n text(loreText[i], width / 2, (60) + (i * 20)); // Adjust the Y position for each line\n }\n}\n\nfunction playGame() {\n // Declare a variable for current blocks\n\n if (currentLevel === 1) {\n // Draw the left section (green)\n fill(0, 150, 0); // Green color\n rect(0, 0, width / 3, height); // Fill left third of the canvas\n\n // Draw the middle section (white)\n fill(255); // White color\n rect(width / 3, 0, width / 3, height); // Fill middle third of the canvas\n image(toco, width / 2 - 100, height / 2 - 100, 200, 200)\n // Draw the right section (red)\n fill(255, 0, 0); // Red color\n rect((width / 3) * 2, 0, width / 3, height); // Fill right third of the canvas\n currentBlocks = levelOneBlocks; // Set currentBlocks to levelOneBlocks\n } else if (currentLevel === 2) {\n background(255, 100, 0);\n drawLava();\n currentBlocks = levelTwoBlocks; // Set currentBlocks to levelTwoBlocks\n }\n\n translate(-player.x + width / 2, 0); // Center the canvas on the player\n\n for (let block of currentBlocks) {\n block.display(); // Display the blocks based on the current level\n }\n\n // Display the flag asset above the last block\n image(flag, flagPosition.x, flagPosition.y, 200, 200); // Draw the flag\n\n player.update(currentBlocks, enemies); // Use currentBlocks for player update\n player.display();\n\n tocoDog.update(player); // Update Toco Dog position based on Kirbo\n tocoDog.display();\n\n for (let enemy of enemies) {\n enemy.update(player, currentBlocks); // Update enemy behavior\n enemy.display(); // Display each enemy\n }\n\n for (let i = knives.length - 1; i >= 0; i--) {\n knives[i].update();\n knives[i].display();\n\n for (let j = 0; j < enemies.length; j++) {\n if (checkKnifeCollision(knives[i], enemies[j])) {\n enemies.splice(j, 1);\n knives.splice(i, 1);\n break;\n }\n }\n }\n\n for (let i = projectiles.length - 1; i >= 0; i--) {\n let projectile = projectiles[i];\n projectile.update();\n projectile.display();\n\n // Check collision with player\n if (player.checkCollision(projectile)) {\n player.bounce(); // Apply bounce effect\n projectiles.splice(i, 1); // Remove the projectile\n }\n }\n\n portal.display();\n portal.checkCollision(player);\n\n for (let powerUp of powerUps) {\n if (powerUp.isActive) {\n powerUp.display();\n powerUp.showMessage(); // Call to show the message\n if (checkPowerUpCollision(player, powerUp)) {\n powerUp.collect(player);\n }\n }\n }\n}\n\nfunction setupLevelOneBlocks() {\n // Add level 1 blocks\n levelOneBlocks.push(spawnBlock); // Push the persistent spawn block to levelOneBlocks\n\n let currentX = 150;\n for (let i = 0; i < 40; i++) {\n let width = random(40, 180); // Random width for the block\n let heightBlock = random(height - 250, height - 50); // Random height for the block\n currentX += random(150, 300); // Update the current X position\n\n // Create and add the new block to the levelOneBlocks array\n let block = new Block(currentX, heightBlock, width, 10, color(255, 255, 0), 1); // Green blocks for level 1\n levelOneBlocks.push(block); // Push block to the array\n }\n\n // Add the flag above the last block in level one\n const lastBlock = levelOneBlocks[levelOneBlocks.length - 1]; // Get the last block\n const flagX = lastBlock.x + lastBlock.width / 2 - 50; // Center the flag above the last block\n const flagY = lastBlock.y - 200; // Position the flag 100 pixels above the last block\n\n // Use the flag asset directly without creating an extra block\n flagPosition = { x: flagX, y: flagY }; // Store the flag position globally\n\n\n generatePowerUp();\n // Place the portal 20 px to the right of the last block\n const portalX = lastBlock.x + lastBlock.width + 20;\n const portalY = lastBlock.y - 100; // Adjust the portal Y position as needed\n portal = new Portal(portalX, portalY);\n}\n\n","style.css":"body {\r\n margin: 0;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}","PowerUp.js":"class PowerUp {\r\n constructor(x, y) {\r\n this.x = x; // X position of the power-up\r\n this.y = y; // Y position of the power-up\r\n this.width = 30; // Width of the power-up\r\n this.height = 30; // Height of the power-up\r\n this.isActive = true; // Power-up state\r\n this.image = chief_power_up; // Load the chief power-up image\r\n this.displayMessage = false; // Flag to control message display\r\n this.messageTimer = 0; // Timer for message duration\r\n }\r\n\r\n display() {\r\n if (this.isActive) {\r\n fill(0, 0, 255, 150); // Blue color with some transparency for the circle\r\n ellipse(this.x + this.width / 2, this.y + this.height / 2, this.width + 20, this.height + 20); // Draw blue circle behind the power-up\r\n image(this.image, this.x, this.y, this.width, this.height); // Draw the power-up\r\n }\r\n }\r\n\r\n collect(player) {\r\n this.isActive = false; // Set the power-up as inactive\r\n player.hasPowerUp = true; // Grant the power-up to the player\r\n this.displayMessage = true; // Set message to display\r\n this.messageTimer = millis(); // Start the timer\r\n }\r\n\r\n showMessage() {\r\n if (this.displayMessage && millis() - this.messageTimer < 3000) { // Check if 3 seconds have passed\r\n fill(0);\r\n textSize(24); // Set text size\r\n textAlign(CENTER);\r\n text(\"Press X to throw knives!\", this.x, this.y - 40); // Display the message\r\n } else {\r\n this.displayMessage = false; // Hide the message after 3 seconds\r\n }\r\n }\r\n}\r\n\r\n","TocoDog.js":"class TocoDog {\n constructor() {\n this.x = 0; // Initial X position\n this.y = 0; // Initial Y position\n this.width = 150; // Width of the Toco Dog\n this.height = 150; // Height of the Toco Dog\n this.image = loadImage(\"@asset('toco_dog')\"); // Load the Toco Dog image\n }\n\n update(player) {\n // Follow Kirbo from behind\n this.x = player.x - 75; // Offset to follow behind Kirbo\n this.y = player.y+ 30 // Match the Y position of Kirbo\n }\n\n display() {\n image(this.image, this.x, this.y, this.width, this.height); // Draw Toco Dog\n }\n}","index.html":"\n\n\n\n \n \n Kirby-Style Platformer Game\n \n \n \n\n\n\n \n \n \n \n \n \n \n\n \n \n \n\n \n\n\n","ChiefKnife.js":"class ChiefKnife {\r\n constructor(x, y) {\r\n this.x = x; // X position of the knife\r\n this.y = y; // Y position of the knife\r\n this.width = 20; // Width of the knife\r\n this.height = 20; // Height of the knife\r\n this.speed = 10; // Speed of the knife\r\n this.isActive = true; // Knife state\r\n }\r\n\r\n update() {\r\n this.x += this.speed; // Move the knife to the right\r\n if (this.x > width + Player.x) {\r\n this.isActive = false; // Deactivate the knife if it goes off screen\r\n }\r\n }\r\n\r\n display() {\r\n if (this.isActive) {\r\n fill(200); // Red color for the knife\r\n triangle(this.x, this.y, this.x - this.width, this.y + this.height, this.x + this.width, this.y + this.height); // Draw the knife as a triangle\r\n }\r\n }\r\n}\r\n\r\n","nachozilla.js":"class Nachozilla {\r\n constructor(x, y) {\r\n this.x = x; // X position of the nachozilla\r\n this.y = y; // Y position of the nachozilla\r\n this.width = 50; // Width of nachozilla\r\n this.height = 50; // Height of nachozilla\r\n this.speed = 2; // Speed of nachozilla movement\r\n this.direction = 1; // 1 for right, -1 for left\r\n this.jumpForce = 12; // Jump force\r\n this.gravity = 0.3; // Gravity\r\n this.velocityY = 0; // Vertical velocity\r\n this.isJumping = false; // Jumping state\r\n this.shootInterval = 120; // Frames between shots\r\n this.shootTimer = 0; // Timer for shooting\r\n }\r\n\r\n update(player, blocks) {\r\n // Check if nachozilla is within one screen width of the player\r\n if (abs(this.x - player.x) < width / 3) {\r\n // Determine direction to player\r\n if (this.x < player.x) {\r\n this.direction = 1; // Move right\r\n } else {\r\n this.direction = -1; // Move left\r\n }\r\n\r\n this.x += this.speed * this.direction; // Move nachozilla\r\n\r\n this.shootTimer++;\r\n if (this.shootTimer >= this.shootInterval) {\r\n this.shoot(player);\r\n this.shootTimer = 0; // Reset timer\r\n }\r\n\r\n // Check for collision with blocks\r\n this.checkCollisions(blocks);\r\n\r\n // Check if nachozilla needs to jump\r\n if (!this.isJumping && this.canJump(blocks)) {\r\n this.jump();\r\n }\r\n\r\n // Apply gravity\r\n this.velocityY += this.gravity;\r\n this.y += this.velocityY;\r\n\r\n // Reverse direction if hitting the edges (if needed)\r\n if (this.x < 0 || this.x > width) {\r\n this.direction *= -1; // Change direction\r\n }\r\n }\r\n }\r\n\r\n canJump(blocks) {\r\n // Check if nachozilla is at the edge of a platform\r\n for (let block of blocks) {\r\n if (this.x + this.width > block.x && this.x < block.x + block.width) {\r\n // Check if nachozilla is on the ground\r\n if (this.y + this.height >= block.y && this.y + this.height <= block.y + this.velocityY) {\r\n return true; // Can jump\r\n }\r\n }\r\n }\r\n return false; // Can't jump\r\n }\r\n\r\n jump() {\r\n this.isJumping = true; // Set jumping state\r\n this.velocityY = -this.jumpForce; // Set jump velocity\r\n }\r\n\r\n checkCollisions(blocks) {\r\n for (let block of blocks) {\r\n // Check horizontal overlap\r\n if (this.x + this.width > block.x && this.x < block.x + block.width) {\r\n // Check if nachozilla is falling onto the block\r\n if (this.velocityY >= 0 && this.y + this.height <= block.y + this.velocityY && this.y + this.height + this.velocityY >= block.y) {\r\n this.y = block.y - this.height; // Land on top of the block\r\n this.velocityY = 0; // Stop falling\r\n this.isJumping = false; // Nachozilla is on the ground\r\n }\r\n }\r\n }\r\n }\r\n\r\n display() {\r\n // console.log(`Displaying Nachozilla at: (${this.x}, ${this.y})`); // Debug log\r\n\r\n image(nachozilla, this.x - (this.width / 2), this.y - (this.height / 2), this.width * 2, this.height * 2); // Draw nachozilla\r\n }\r\n\r\n shoot(player) {\r\n const projectile = new NachoProjectile(this.x + this.width / 2, this.y + this.height / 2, player.x, player.y);\r\n projectiles.push(projectile); // Add the projectile to the array\r\n }\r\n\r\n\r\n}","NachoProjectile.js":"class NachoProjectile {\r\n constructor(x, y, targetX, targetY) {\r\n this.x = x; // X position of the projectile\r\n this.y = y; // Y position of the projectile\r\n this.width = 20; // Width of the projectile\r\n this.height = 20; // Height of the projectile\r\n this.speed = 5; // Speed of the projectile\r\n this.isActive = true; // Projectile state\r\n\r\n // Calculate direction towards the player\r\n let directionX = targetX - x;\r\n let directionY = targetY - y;\r\n let magnitude = sqrt(directionX * directionX + directionY * directionY);\r\n\r\n // Normalize direction\r\n this.directionX = directionX / magnitude;\r\n this.directionY = directionY / magnitude;\r\n }\r\n\r\n update() {\r\n // Move the projectile in the calculated direction\r\n this.x += this.speed * this.directionX;\r\n this.y += this.speed * this.directionY;\r\n\r\n // Deactivate the projectile if it goes off-screen\r\n if (this.x < 0 || this.x > width || this.y < 0 || this.y > height) {\r\n this.isActive = false;\r\n }\r\n }\r\n\r\n display() {\r\n if (this.isActive) {\r\n fill(255, 255, 0); // Yellow color for the projectile\r\n ellipse(this.x, this.y, this.width, this.height); // Draw the projectile as a circle\r\n }\r\n }\r\n}\r\n\r\n"},"chat_history":[{"code_id":248139,"deleted":0,"input_tokens":null,"id":146570,"project_id":8163,"sender":"client_script","message":"","created_at":"2025-06-05T14:48:48.144492Z","output_tokens":null},{"code_id":248139,"deleted":0,"input_tokens":null,"id":146571,"project_id":8163,"sender":"client_script","message":"Errors:\n%c * Tone.js v14.8.37 * ,Power-up generated at: (2374.6251982249278, 73.18621446997321),Player bounced off enemy!,Uncaught TypeError: Cannot read properties of undefined (reading 'x') at 94:33 in nachozilla.js\n Errors:\n%c * Tone.js v14.8.37 * \nPower-up generated at: (2374.6251982249278, 73.18621446997321)\nPlayer bounced off enemy!\nUncaught TypeError: Cannot read properties of undefined (reading 'x') at 94:33 in nachozilla.js","created_at":"2025-06-05T14:48:56.585441Z","output_tokens":null},{"code_id":248139,"deleted":0,"input_tokens":12182,"id":146572,"project_id":8163,"sender":"ai","message":"It looks like you're getting an error related to accessing an undefined property in your `nachozilla.js` file, specifically at line 94. This typically happens when the code is trying to access an object's properties without confirming that the object exists. Let's address this by checking the specific line and ensuring that the object is correctly defined before accessing its properties.\n\nLet's take a look at the relevant section of your `Nachozilla` class and make sure we're safely accessing object properties:\n\n```javascript\n// nachozilla.js\nshoot(player) {\n // Calculate the direction to the player\n if (player) { // Ensure the player object exists\n let direction = (player.x - this.x) > 0 ? 1 : -1; // 1 for right, -1 for left\n const projectile = new NachoProjectile(this.x + this.width / 2, this.y + this.height / 2, direction);\n projectiles.push(projectile); // Add the projectile to the array\n }\n}\n```\n\n### Explanation:\n- **Check if Player Exists**: We added a check to ensure that the `player` object exists before trying to access its properties. This prevents the error from occurring when `player` is `undefined`.\n\nWith this change, replace the existing `shoot` method in `nachozilla.js` with the updated version to prevent the error.\n\nWould you like to test this fix and see if it resolves the issue? Or is there anything else you'd like to adjust in your game?","created_at":"2025-06-05T14:48:56.780695Z","output_tokens":352},{"code_id":248139,"deleted":0,"input_tokens":null,"id":146573,"project_id":8163,"sender":"client_script","message":"Let's get started!\n Errors:\n","created_at":"2025-06-05T14:48:59.210785Z","output_tokens":null},{"code_id":248139,"deleted":0,"input_tokens":12057,"id":146574,"project_id":8163,"sender":"ai","message":"Great! I see you have a project going on here. Could you tell me a bit more about your idea for this project? What kind of features or changes would you like to add or explore next?","created_at":"2025-06-05T14:48:59.311023Z","output_tokens":45},{"code_id":248139,"deleted":0,"input_tokens":null,"id":146581,"project_id":8163,"sender":"human","message":"refactor the nachozilla projectile system. projectiles should automatically move towards the player from any direction. they should spawn from a nachozilla's position","created_at":"2025-06-05T14:49:55.779849Z","output_tokens":null},{"code_id":248139,"deleted":0,"input_tokens":12082,"id":146582,"project_id":8163,"sender":"ai","message":"To refactor the Nachozilla projectile system so that the projectiles automatically move towards the player from any direction, we'll need to adjust how the projectiles determine their movement direction. We'll calculate the direction from the Nachozilla to the player and apply this direction to the projectile's movement.\n\n### Here's how you can update the `NachoProjectile` class:\n\n```javascript\n// NachoProjectile.js\nclass NachoProjectile {\n constructor(x, y, targetX, targetY) {\n this.x = x; // X position of the projectile\n this.y = y; // Y position of the projectile\n this.width = 20; // Width of the projectile\n this.height = 20; // Height of the projectile\n this.speed = 5; // Speed of the projectile\n this.isActive = true; // Projectile state\n\n // Calculate direction towards the player\n let directionX = targetX - x;\n let directionY = targetY - y;\n let magnitude = sqrt(directionX * directionX + directionY * directionY);\n\n // Normalize direction\n this.directionX = directionX / magnitude;\n this.directionY = directionY / magnitude;\n }\n\n update() {\n // Move the projectile in the calculated direction\n this.x += this.speed * this.directionX;\n this.y += this.speed * this.directionY;\n\n // Deactivate the projectile if it goes off-screen\n if (this.x < 0 || this.x > width || this.y < 0 || this.y > height) {\n this.isActive = false;\n }\n }\n\n display() {\n if (this.isActive) {\n fill(255, 255, 0); // Yellow color for the projectile\n ellipse(this.x, this.y, this.width, this.height); // Draw the projectile as a circle\n }\n }\n}\n```\n\n### Update the `shoot` method in the `Nachozilla` class:\n\n```javascript\n// nachozilla.js\nshoot(player) {\n const projectile = new NachoProjectile(this.x + this.width / 2, this.y + this.height / 2, player.x, player.y);\n projectiles.push(projectile); // Add the projectile to the array\n}\n```\n\n### Explanation:\n- **Direction Calculation**: The direction from the Nachozilla to the player is calculated using vector mathematics. The direction is normalized to ensure consistent movement speed.\n- **Projectile Movement**: The projectile is updated to move towards the player using the calculated direction.\n- **Spawning**: Projectiles spawn from the Nachozilla's current position.\n\nReplace the existing `NachoProjectile` class and `shoot` method in `nachozilla.js` with these updated versions to implement the changes. Let me know if you'd like to test these changes or require further modifications!","created_at":"2025-06-05T14:49:55.884006Z","output_tokens":658},{"code_id":248180,"deleted":0,"input_tokens":null,"id":146603,"project_id":8163,"sender":"client_script","message":"","created_at":"2025-06-05T14:54:01.185855Z","output_tokens":null}],"assets":[{"project_id":8163,"created_at":"2025-06-05T14:48:33.758456Z","resource_type":"video","id":75301,"cloudinary_id":"cnngw7ta93qmatpcatd4","name":"bkgMusic","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.757237Z","resource_type":"image","id":75300,"cloudinary_id":"u2syf81e3fvqbk5dke6x","name":"chefHat","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.755916Z","resource_type":"image","id":75299,"cloudinary_id":"jkirjyk3h4ywcy83wd47","name":"kirbo_the_3","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.754572Z","resource_type":"image","id":75298,"cloudinary_id":"dcundm3ab5mgxm7mtkqq","name":"kirbo_is_powerfull","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.753377Z","resource_type":"image","id":75297,"cloudinary_id":"mej2f4anf9khlyly6vuv","name":"nochozilla","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.752166Z","resource_type":"image","id":75296,"cloudinary_id":"qbby6e2hsaxf5rhcz8ai","name":"kirbo_attacks","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.750968Z","resource_type":"image","id":75295,"cloudinary_id":"exjn7kao6gdaamdtlp9f","name":"kirbo_deffnese","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.749735Z","resource_type":"image","id":75294,"cloudinary_id":"mjuyte5o9qtaiyxsn7bd","name":"cassoures","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.748466Z","resource_type":"image","id":75293,"cloudinary_id":"om0obfatwcuiezkqiswb","name":"susaerbird","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.747203Z","resource_type":"image","id":75292,"cloudinary_id":"aw1oltbylm9zxpdq787r","name":"susaerfa","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.745989Z","resource_type":"image","id":75291,"cloudinary_id":"yapwrhcthkegwsnlnmis","name":"The_tomom_of_tocas","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.744761Z","resource_type":"image","id":75290,"cloudinary_id":"azxaog8qfktl0rzroqyj","name":"the_mex_kirbos","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.743407Z","resource_type":"image","id":75289,"cloudinary_id":"g3im0u4sohzsif0xcanv","name":"mexico_kirbo_is_cool","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.742135Z","resource_type":"image","id":75288,"cloudinary_id":"q5u764mkdbakbhns4moi","name":"the_mexico_ememy_","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.740885Z","resource_type":"image","id":75287,"cloudinary_id":"hoiu2bxr84kqylwjqr9s","name":"expiln_jacob","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.739590Z","resource_type":"image","id":75286,"cloudinary_id":"lrmksqkld3iv5edt2ggt","name":"the_portal_of_sauce","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.738306Z","resource_type":"image","id":75285,"cloudinary_id":"a7dotiwmovw3v8dzdtnh","name":"the_susage_","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.737024Z","resource_type":"image","id":75284,"cloudinary_id":"e3ex6jzwbmmvkpw5lian","name":"the_susage_world","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.735698Z","resource_type":"image","id":75283,"cloudinary_id":"lesnbzdosok1qttlgro0","name":"fiery_hurt","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.734308Z","resource_type":"image","id":75282,"cloudinary_id":"vtzochu0xwcqamnumkxf","name":"ghost","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.732986Z","resource_type":"image","id":75281,"cloudinary_id":"v1uebfktpolaiko1cjqg","name":"kirbo_lether","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.731948Z","resource_type":"image","id":75280,"cloudinary_id":"xt2r1bm62dgbdqs6klem","name":"iron","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.730793Z","resource_type":"image","id":75279,"cloudinary_id":"akaqwrynmjt1czeyr5ty","name":"gold_kirbo","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.729779Z","resource_type":"image","id":75278,"cloudinary_id":"pneur1ledvtfzhummjeh","name":"flating_kirbo","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.728705Z","resource_type":"image","id":75277,"cloudinary_id":"ivarviixphagjyndsand","name":"lavecutes","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.727451Z","resource_type":"image","id":75276,"cloudinary_id":"digyprge5a6ciahfh0z3","name":"the_blast","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.726367Z","resource_type":"image","id":75275,"cloudinary_id":"dl7oagxeorxtvsfjcgnc","name":"kirbolines","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.725309Z","resource_type":"image","id":75274,"cloudinary_id":"xln6votzq1uh2jufiafl","name":"kirbo_sucking","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.724236Z","resource_type":"image","id":75273,"cloudinary_id":"rawxha4y53k7nntcyb3a","name":"flag","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.723005Z","resource_type":"image","id":75272,"cloudinary_id":"yxdghvhsgtzvnywrch0x","name":"toco","deleted":false},{"project_id":8163,"created_at":"2025-06-05T14:48:33.721599Z","resource_type":"image","id":75271,"cloudinary_id":"no20vxtg6w5ogydnyhzy","name":"toco_dog","deleted":false}],"messages_sent":1,"comments":[],"steps":[]}