Kirby-Style Platformer Game

{"name":"kirbo and the a island far way from were you live","description":"","photo":"","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-04-29T15:35:54.628166Z","updated_at":"2025-04-29T15:35:54.628168Z","user_id":60,"status":"PRIVATE","parent_id":7701,"id":7705,"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":{"script.js":"let player;\n\nlet blocks = [];\n\nlet kirbo;\n\nlet kirbo_the_2;\n\nlet kirbo_the_3;\n\nfunction preload() {\n kirbo = loadImage(\"@asset('kirbo')\"); // Load original kirbo image\n kirbo_the_2 = loadImage(\"@asset('kirbo_the_2')\"); // Load previous kirbo image\n kirbo_the_3 = loadImage(\"@asset('kirbo_the_3')\"); // Load kirbo_the_3 image\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n player = new Player(); // Create a new player instance\n\n // Create some blocks\n blocks.push(new Block(100, height - 100, 200, 20)); // Block 1\n blocks.push(new Block(400, height - 200, 200, 20)); // Block 2\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the background each frame\n for (let block of blocks) {\n block.display(); // Draw each block\n }\n player.update(blocks); // Update player position with blocks for collision\n player.display(); // Draw the player\n}\n\nclass Block {\n constructor(x, y, width, height) {\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 }\n\n display() {\n fill(139, 69, 19); // Brown color for the block\n rect(this.x, this.y, this.width, this.height); // Draw the block\n }\n}\n\nclass Player {\n constructor() {\n this.x = width / 2; // Start in the middle of the canvas\n this.y = height - 100; // Position higher above the ground\n this.width = 100; // Adjust width to make Kirbo smaller\n this.height = 100; // Adjust height to make Kirbo smaller\n this.speed = 5; // Movement speed\n this.gravity = 1; // Gravity effect\n this.jumpForce = 15; // Jump force\n this.velocityY = 0; // Vertical velocity\n this.isJumping = false; // Jumping state\n }\n\n update(blocks) {\n // Apply gravity\n this.velocityY += this.gravity;\n this.y += this.velocityY;\n\n // Check for collisions with blocks\n let onGround = false; // Flag to check if on ground\n for (let block of blocks) {\n if (this.x + this.width > block.x && this.x < block.x + block.width &&\n this.y + this.height > block.y && this.y + this.height < block.y + block.height) {\n this.y = block.y - this.height; // Position on top of the block\n this.isJumping = false; // Reset jumping state\n this.velocityY = 0; // Reset vertical velocity\n onGround = true; // Set onGround flag\n break; // Exit the loop\n }\n }\n\n // Check if Kirbo falls off the screen\n if (this.y > height) {\n this.resetPosition(); // Reset position if he falls below the canvas\n }\n\n // Control movement\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= this.speed;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += this.speed;\n }\n }\n\n jump() {\n if (!this.isJumping) {\n this.isJumping = true; // Set jumping state\n this.velocityY = -this.jumpForce; // Set the jump velocity\n }\n }\n\n resetPosition() {\n this.x = width / 2; // Reset to the center\n this.y = height - 100; // Reset to a starting height\n this.velocityY = 0; // Reset vertical velocity\n }\n\n display() {\n image(kirbo_the_3, this.x, this.y + 39, this.width, this.height); // Draw the player using kirbo_the_3\n }\n}\n\nfunction keyPressed() {\n if (keyCode === UP_ARROW) {\n player.jump(); // Call jump when up arrow is pressed\n }\n}\n\n","style.css":"body {\r\n margin: 0;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}","index.html":"\n\n\n\n \n \n Kirby-Style Platformer Game\n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[{"project_id":7705,"created_at":"2025-04-29T15:35:54.635936Z","resource_type":"image","id":72954,"cloudinary_id":"uda6bj7eggbgnors0da1","name":"kirbo","deleted":false},{"project_id":7705,"created_at":"2025-04-29T15:35:54.634743Z","resource_type":"image","id":72953,"cloudinary_id":"w4ao8jdbdrasicfhdcgn","name":"kirbo_the_2","deleted":false},{"project_id":7705,"created_at":"2025-04-29T15:35:54.633254Z","resource_type":"image","id":72952,"cloudinary_id":"jkirjyk3h4ywcy83wd47","name":"kirbo_the_3","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}