Level Up: Launch to a platform

{"name":"Launch an animal platformer","description":"Embark on a thrilling journey through diverse and captivating levels in this unique platformer game. Each level presents new challenges, obstacles, and interactive elements to keep you engaged and entertained!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/qa8m9gh6828766s4zxlc","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-02-11T18:45:40.020187Z","updated_at":"2025-02-11T18:45:40.020190Z","user_id":166,"status":"PRIVATE","parent_id":1935,"id":5775,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// let players = []; // Array to store multiple players\n// let launcher = {\n// x: 200, // Launcher position\n// y: 200,\n// size: 50, // Size of the launcher\n// angle: 0, // Initial angle of the launcher\n// angularVelocity: 0.05 // Speed of rotation\n// };\n\n// let ground = {\n// x: 0, // Change position to start from the left edge\n// y: 350, // Adjust position to be near the bottom of the canvas\n// sX: 400, // Ensure width covers the canvas\n// sY: 50 // Adjust height to be more visible\n// };\n\n// let platforms = [\n// { x: 50, y: 250, sX: 100, sY: 10 },\n// { x: 250, y: 150, sX: 100, sY: 10 }\n// ]; // Array to store platforms\n\n// let door = {\n// x: 350, // Door position\n// y: 100,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// function setup() {\n// createCanvas(400, 400); // Create the canvas\n// }\n\n// function draw() {\n// background(0); // Clear the background\n// noStroke();\n\n// drawLauncher();\n// drawGround();\n// drawPlatforms(); // Draw the platforms\n// drawDoor(); // Draw the door\n\n// for (let player of players) {\n// updatePlayer(player); // Update the player position\n// drawPlayer(player); // Draw each player\n// }\n\n// rotateLauncher(); // Rotate the launcher\n// }\n\n// function drawLauncher() {\n// push(); // Save the current transformation state\n// translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n// rotate(launcher.angle); // Rotate the launcher\n// fill(150); // Color the launcher grey\n// triangle(-launcher.size/2, 0, launcher.size/2, 0, 0, -launcher.size); // Draw the launcher as a triangle\n// pop(); // Restore the previous transformation state\n// }\n\n// function drawPlayer(player) {\n// fill(255); // Color the player white\n// rect(player.x, player.y, player.s, player.s); // Draw the player as a rectangle\n// }\n\n// function drawGround() {\n// fill(100); // Color the ground grey\n// rect(ground.x, ground.y, ground.sX, ground.sY); // Draw the ground as a rectangle\n// }\n\n// function drawPlatforms() {\n// fill(150); // Color the platforms grey\n// for (let platform of platforms) {\n// rect(platform.x, platform.y, platform.sX, platform.sY); // Draw each platform\n// }\n// }\n\n// function drawDoor() {\n// fill(0, 255, 0); // Color the door green\n// rect(door.x, door.y, door.sX, door.sY); // Draw the door as a rectangle\n// }\n\n// function mousePressed() {\n// let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n// let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n// let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy }; // Create a new player at the launcher position with calculated velocity\n// players.push(newPlayer); // Add the new player to the array\n// }\n\n// function keyPressed() {\n// if (key === ' ') { // Check if the spacebar is pressed\n// for (let player of players) {\n// if (isOnGround(player) || isOnPlatform(player)) { // Check if the player is on the ground or a platform\n// player.vy = -10; // Apply an upward velocity to simulate a jump\n// }\n// }\n// }\n// }\n\n// function isOnGround(player) {\n// return player.y + player.s >= ground.y; // Return true if the player is on the ground\n// }\n\n// function isOnPlatform(player) {\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n// return true; // Return true if the player is on a platform\n// }\n// }\n// return false;\n// }\n\n// function updatePlayer(player) {\n// player.x += player.vx; // Update the player's horizontal position\n// player.y += player.vy; // Update the player's vertical position\n// player.vy += 0.5; // Apply gravity to the player\n\n// // Check for collision with the ground\n// if (player.y + player.s > ground.y) {\n// player.y = ground.y - player.s; // Position the player on top of the ground\n// player.vy = 0; // Stop the player's vertical movement\n// }\n\n// // Check for collision with the platforms\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n// player.y = platform.y - player.s; // Position the player on top of the platform\n// player.vy = 0; // Stop the player's vertical movement\n// }\n// }\n\n// // Check for collision with the door\n// if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n// // Player has reached the door, move to the next level\n// nextLevel();\n// }\n\n// // Check for collision with the walls\n// if (player.x <= 0 || player.x + player.s >= width) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n// }\n\n// function rotateLauncher() {\n// launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n// }\n\n// function nextLevel() {\n// // Logic to move to the next level\n// players = []; // Clear the players array\n// launcher.angle = 0; // Reset the launcher's angle\n\n// // Optionally, add new platforms and door position\n// platforms = [\n// { x: 100, y: 300, sX: 100, sY: 10 },\n// { x: 200, y: 200, sX: 100, sY: 10 },\n// { x: 300, y: 100, sX: 100, sY: 10 }\n// ]; // New array to store platforms for the new level\n\n// door = {\n// x: 350, // New door position\n// y: 50,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// console.log(\"Next level!\");\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// let players = []; // Array to store multiple players\n// let launcher = {\n// x: 200, // Launcher position\n// y: 200,\n// size: 50, // Size of the launcher\n// angle: 0, // Initial angle of the launcher\n// angularVelocity: 0.05 // Speed of rotation\n// };\n\n// let ground = {\n// x: 0, // Change position to start from the left edge\n// y: 350, // Adjust position to be near the bottom of the canvas\n// sX: 400, // Ensure width covers the canvas\n// sY: 50 // Adjust height to be more visible\n// };\n\n// let platforms = [\n// { x: 50, y: 250, sX: 100, sY: 10 },\n// { x: 250, y: 150, sX: 100, sY: 10 }\n// ]; // Array to store platforms\n\n// let door = {\n// x: 350, // Door position\n// y: 100,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// let grass; // Variable to store the grass image\n\n// function preload() {\n// grass = loadImage(\"@asset('grass')\"); // Load the grass image\n// back = loadImage(\"@asset('background')\");\n// }\n\n// function setup() {\n// createCanvas(400, 400); // Create the canvas\n// }\n\n// function draw() {\n// background(191, 145, 255); // Clear the background\n// image(back, 0, 0, 400, 400);\n// noStroke();\n\n// drawLauncher();\n// drawGround();\n// drawPlatforms(); // Draw the platforms\n// drawDoor(); // Draw the door\n\n// for (let player of players) {\n// updatePlayer(player); // Update the player position\n// drawPlayer(player); // Draw each player\n// }\n\n// rotateLauncher(); // Rotate the launcher\n// }\n\n// function drawLauncher() {\n// push(); // Save the current transformation state\n// translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n// rotate(launcher.angle); // Rotate the launcher\n// fill(150); // Color the launcher grey\n// circle(0, 0, launcher.size); // Draw the launcher as a triangle\n// pop(); // Restore the previous transformation state\n// }\n\n// function drawPlayer(player) {\n// fill(255); // Color the player white\n// rect(player.x, player.y, player.s, player.s); // Draw the player as a rectangle\n// }\n\n// function drawGround() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n// let tilesPerRow = 16; // Number of tiles per row\n\n// for (let i = 0; i < tilesPerRow; i++) {\n// image(grass, ground.x + i * tileSize, ground.y, tileSize, tileSize); // Draw the grass image to fill the ground\n// }\n// }\n\n// function drawPlatforms() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n\n// for (let platform of platforms) {\n// for (let i = platform.x; i < platform.x + platform.sX; i += tileSize) {\n// for (let j = platform.y; j < platform.y + platform.sY; j += tileSize) {\n// image(grass, i, j, tileSize, tileSize); // Draw the grass image to fill each platform\n// }\n// }\n// }\n// }\n\n// function drawDoor() {\n// fill(0, 255, 0); // Color the door green\n// rect(door.x, door.y, door.sX, door.sY); // Draw the door as a rectangle\n// }\n\n// function mousePressed() {\n// let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n// let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n// let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy }; // Create a new player at the launcher position with calculated velocity\n// players.push(newPlayer); // Add the new player to the array\n// }\n\n// function keyPressed() {\n// if (key === ' ') { // Check if the spacebar is pressed\n// for (let player of players) {\n// if (isOnGround(player) || isOnPlatform(player)) { // Check if the player is on the ground or a platform\n// player.vy = -10; // Apply an upward velocity to simulate a jump\n// }\n// }\n// }\n// }\n\n// function isOnGround(player) {\n// return player.y + player.s >= ground.y; // Return true if the player is on the ground\n// }\n\n// function isOnPlatform(player) {\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n// return true; // Return true if the player is on a platform\n// }\n// }\n// return false;\n// }\n\n// function updatePlayer(player) {\n// player.x += player.vx; // Update the player's horizontal position\n// player.y += player.vy; // Update the player's vertical position\n// player.vy += 0.5; // Apply gravity to the player\n\n// // Check for collision with the ground\n// if (player.y + player.s > ground.y) {\n// player.y = ground.y - player.s; // Position the player on top of the ground\n// player.vy = 0; // Stop the player's vertical movement\n// }\n\n// // Check for collision with the platforms\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n// player.y = platform.y - player.s; // Position the player on top of the platform\n// player.vy = 0; // Stop the player's vertical movement\n// }\n// }\n\n// // Check for collision with the door\n// if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n// // Player has reached the door, move to the next level\n// nextLevel();\n// }\n\n// // Check for collision with the walls\n// if (player.x <= 0 || player.x + player.s >= width) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n// }\n\n// function rotateLauncher() {\n// launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n// }\n\n// function nextLevel() {\n// // Logic to move to the next level\n// players = []; // Clear the players array\n// launcher.angle = 0; // Reset the launcher's angle\n\n// // Optionally, add new platforms and door position\n// platforms = [\n// { x: 100, y: 300, sX: 100, sY: 10 },\n// { x: 200, y: 200, sX: 100, sY: 10 },\n// { x: 300, y: 100, sX: 100, sY: 10 }\n// ]; // New array to store platforms for the new level\n\n// door = {\n// x: 350, // New door position\n// y: 50,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// console.log(\"Next level!\");\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// let players = []; // Array to store multiple players\n// let launcher = {\n// x: 200, // Launcher position\n// y: 200,\n// size: 50, // Size of the launcher\n// angle: 0, // Initial angle of the launcher\n// angularVelocity: 0.05 // Speed of rotation\n// };\n\n// let ground = {\n// x: 0, // Change position to start from the left edge\n// y: 350, // Adjust position to be near the bottom of the canvas\n// sX: 400, // Ensure width covers the canvas\n// sY: 50 // Adjust height to be more visible\n// };\n\n// let platforms = [\n// { x: 50, y: 250, sX: 100, sY: 10 },\n// { x: 250, y: 150, sX: 100, sY: 10 }\n// ]; // Array to store platforms\n\n// let door = {\n// x: 350, // Door position\n// y: 100,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// let grass; // Variable to store the grass image\n\n// function preload() {\n// grass = loadImage(\"@asset('grass')\"); // Load the grass image\n// back = loadImage(\"@asset('background')\");\n// }\n\n// function setup() {\n// createCanvas(400, 400); // Create the canvas\n// }\n\n// function draw() {\n// background(191, 145, 255); // Clear the background\n// image(back, 0, 0, 400, 400);\n// noStroke();\n\n// drawLauncher();\n// drawGround();\n// drawPlatforms(); // Draw the platforms\n// drawDoor(); // Draw the door\n\n// for (let player of players) {\n// updatePlayer(player); // Update the player position\n// drawPlayer(player); // Draw each player\n// }\n\n// rotateLauncher(); // Rotate the launcher\n// }\n\n// function drawLauncher() {\n// push(); // Save the current transformation state\n// translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n// rotate(launcher.angle); // Rotate the launcher\n// fill(150); // Color the launcher grey\n// circle(0, 0, launcher.size); // Draw the launcher as a triangle\n// pop(); // Restore the previous transformation state\n// }\n\n// function drawPlayer(player) {\n// fill(255); // Color the player white\n// rect(player.x, player.y, player.s, player.s); // Draw the player as a rectangle\n// }\n\n// function drawGround() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n// let tilesPerRow = 16; // Number of tiles per row\n\n// for (let i = 0; i < tilesPerRow; i++) {\n// image(grass, ground.x + i * tileSize, ground.y, tileSize, tileSize); // Draw the grass image to fill the ground\n// }\n// }\n\n// function drawPlatforms() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n\n// for (let platform of platforms) {\n// for (let i = platform.x; i < platform.x + platform.sX; i += tileSize) {\n// for (let j = platform.y; j < platform.y + platform.sY; j += tileSize) {\n// image(grass, i, j, tileSize, tileSize); // Draw the grass image to fill each platform\n// }\n// }\n// }\n// }\n\n// function drawDoor() {\n// fill(0, 255, 0); // Color the door green\n// rect(door.x, door.y, door.sX, door.sY); // Draw the door as a rectangle\n// }\n\n// function mousePressed() {\n// let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n// let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n// let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy }; // Create a new player at the launcher position with calculated velocity\n// players.push(newPlayer); // Add the new player to the array\n// }\n\n// function keyPressed() {\n// if (key === ' ') { // Check if the spacebar is pressed\n// for (let player of players) {\n// if (isOnGround(player) || isOnPlatform(player)) { // Check if the player is on the ground or a platform\n// player.vy = -10; // Apply an upward velocity to simulate a jump\n// }\n// }\n// }\n// }\n\n// function isOnGround(player) {\n// return player.y + player.s >= ground.y; // Return true if the player is on the ground\n// }\n\n// function isOnPlatform(player) {\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n// return true; // Return true if the player is on a platform\n// }\n// }\n// return false;\n// }\n\n// function updatePlayer(player) {\n// player.x += player.vx; // Update the player's horizontal position\n// player.y += player.vy; // Update the player's vertical position\n// player.vy += 0.5; // Apply gravity to the player\n\n// // Check for collision with the ground\n// if (player.y + player.s > ground.y) {\n// player.y = ground.y - player.s; // Position the player on top of the ground\n// player.vy = 0; // Stop the player's vertical movement\n// }\n\n// // Check for collision with the platforms\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n// player.y = platform.y - player.s; // Position the player on top of the platform\n// player.vy = 0; // Stop the player's vertical movement\n// }\n// }\n\n// // Check for collision with the door\n// if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n// // Player has reached the door, move to the next level\n// nextLevel();\n// }\n\n// // Check for collision with the walls\n// if (player.x <= 0 || player.x + player.s >= width) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n// }\n\n// function rotateLauncher() {\n// launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n// }\n\n// function nextLevel() {\n// // Logic to move to the next level\n// players = []; // Clear the players array\n// launcher.angle = 0; // Reset the launcher's angle\n\n// // Optionally, add new platforms and door position\n// platforms = [\n// { x: 100, y: 300, sX: 100, sY: 10 },\n// { x: 200, y: 200, sX: 100, sY: 10 },\n// { x: 300, y: 100, sX: 100, sY: 10 }\n// ]; // New array to store platforms for the new level\n\n// door = {\n// x: 350, // New door position\n// y: 50,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// console.log(\"Next level!\");\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// let players = []; // Array to store multiple players\n// const MAX_PLAYERS = 25; // Maximum number of players\n\n// let launcher = {\n// x: 50, // Launcher position\n// y: 300,\n// size: 50, // Size of the launcher\n// angle: 0, // Initial angle of the launcher\n// angularVelocity: 0.05 // Speed of rotation\n// };\n\n// let ground = {\n// x: 0, // Change position to start from the left edge\n// y: 350, // Adjust position to be near the bottom of the canvas\n// sX: 800, // Ensure width covers the canvas\n// sY: 50 // Adjust height to be more visible\n// };\n\n// let platforms = []; // Array to store platforms\n// let door = {\n// x: 350, // Door position\n// y: 100,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// let back;\n// let grass; // Variable to store the grass image\n// let doorImg; // Variable to store the door image\n// let launcherImg; // Variable to store the launcher image\n\n// let playerImages = []; // Array to store player images\n\n// const PLAYER_JUMP_HEIGHT = 100; // Player's jump height\n\n// function preload() {\n// grass = loadImage(\"@asset('grass')\"); // Load the grass image\n// doorImg = loadImage(\"@asset('door')\"); // Load the door image\n// launcherImg = loadImage(\"@asset('launcher')\"); // Load the launcher image\n// back = loadImage(\"@asset('background')\");\n\n// // Load player images\n// playerImages.push(loadImage(\"@asset('bunny')\"));\n// playerImages.push(loadImage(\"@asset('kitten')\"));\n// playerImages.push(loadImage(\"@asset('panda')\"));\n// }\n\n// function setup() {\n// createCanvas(800, 400); // Create the canvas\n// generatePlatforms(); // Generate initial platforms\n// }\n\n// function draw() {\n// background(191, 145, 255); // Clear the background\n// imageMode(CORNER); // Set image mode to corner\n// image(back, 0, 0, width, height); // Draw the background image\n\n// drawLauncher();\n// drawGround();\n// drawPlatforms(); // Draw the platforms\n// drawDoor(); // Draw the door\n\n// for (let player of players) {\n// updatePlayer(player); // Update the player position\n// drawPlayer(player); // Draw each player\n// }\n\n// handleCollisions(); // Handle collisions between players\n// rotateLauncher(); // Rotate the launcher\n// }\n\n// function drawLauncher() {\n// push(); // Save the current transformation state\n// translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n// rotate(launcher.angle); // Rotate the launcher\n// imageMode(CENTER); // Set image mode to center\n// image(launcherImg, 0, 0, launcher.size, launcher.size); // Draw the launcher image\n// pop(); // Restore the previous transformation state\n// }\n\n// function drawPlayer(player) {\n// imageMode(CENTER); // Set image mode to center\n// image(player.img, player.x, player.y + 15, player.s, player.s); // Draw the player image\n// }\n\n// function drawGround() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n// let tilesPerRow = Math.ceil(ground.sX / tileSize); // Number of tiles per row\n\n// for (let i = 0; i < tilesPerRow; i++) {\n// image(grass, ground.x + i * tileSize, ground.y, tileSize, tileSize); // Draw the grass image to fill the ground\n// }\n// }\n\n// function drawPlatforms() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n\n// for (let platform of platforms) {\n// for (let i = platform.x; i < platform.x + platform.sX; i += tileSize) {\n// for (let j = platform.y; j < platform.y + platform.sY; j += tileSize) {\n// image(grass, i, j, tileSize, tileSize); // Draw the grass image to fill each platform\n// }\n// }\n// }\n// }\n\n// function drawDoor() {\n// image(doorImg, door.x, door.y, door.sX, door.sY); // Draw the door using the door image\n// }\n\n// function mousePressed() {\n// if (players.length < MAX_PLAYERS) { // Check if the number of players is less than the maximum allowed\n// let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n// let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n// let img = random(playerImages); // Select a random player image\n// let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy, img: img }; // Create a new player at the launcher position with calculated velocity and random image\n// players.push(newPlayer); // Add the new player to the array\n// }\n// }\n\n// function keyPressed() {\n// if (key === ' ') { // Check if the spacebar is pressed\n// for (let player of players) {\n// if (isOnGround(player) || isOnPlatform(player)) { // Check if the player is on the ground or a platform\n// player.vy = -10 + random(-2, 2); // Apply an upward velocity to simulate a jump\n// }\n// }\n// }\n// }\n\n// function isOnGround(player) {\n// return player.y + player.s >= ground.y; // Return true if the player is on the ground\n// }\n\n// function isOnPlatform(player) {\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n// return true; // Return true if the player is on a platform\n// }\n// }\n// return false;\n// }\n\n// function updatePlayer(player) {\n// player.x += player.vx; // Update the player's horizontal position\n// player.y += player.vy; // Update the player's vertical position\n// player.vy += 0.5; // Apply gravity to the player\n\n// // Check for collision with the ground\n// if (player.y + player.s > ground.y) {\n// player.y = ground.y - player.s; // Position the player on top of the ground\n// player.vy = 0; // Stop the player's vertical movement\n// }\n\n// // Check for collision with the platforms\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n// player.y = platform.y - player.s; // Position the player on top of the platform\n// player.vy = 0; // Stop the player's vertical movement\n// }\n// }\n\n// // Check for collision with the door\n// if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n// // Player has reached the door, move to the next level\n// nextLevel();\n// }\n\n// // Check for collision with the walls\n// if (player.x <= 0 || player.x + player.s >= width) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n// }\n\n// function handleCollisions() {\n// for (let i = 0; i < players.length; i++) {\n// for (let j = i + 1; j < players.length; j++) {\n// let p1 = players[i];\n// let p2 = players[j];\n\n// if (isColliding(p1, p2)) {\n// resolveCollision(p1, p2);\n// }\n// }\n// }\n// }\n\n// function isColliding(p1, p2) {\n// return (\n// p1.x < p2.x + p2.s &&\n// p1.x + p1.s > p2.x &&\n// p1.y < p2.y + p2.s &&\n// p1.y + p1.s > p2.y\n// );\n// }\n\n// function resolveCollision(p1, p2) {\n// let dx = p1.x - p2.x;\n// let dy = p1.y - p2.y;\n// let distance = sqrt(dx * dx + dy * dy);\n\n// if (distance < p1.s) {\n// let overlap = 0.5 * (distance - p1.s);\n\n// p1.x -= overlap * (dx / distance);\n// p1.y -= overlap * (dy / distance);\n// p2.x += overlap * (dx / distance);\n// p2.y += overlap * (dy / distance);\n\n// let nx = dx / distance;\n// let ny = dy / distance;\n\n// let kx = (p1.vx - p2.vx);\n// let ky = (p1.vy - p2.vy);\n// let p = 2.0 * (nx * kx + ny * ky) / (p1.s + p2.s);\n\n// p1.vx -= p * p2.s * nx;\n// p1.vy -= p * p2.s * ny;\n// p2.vx += p * p1.s * nx;\n// p2.vy += p * p1.s * ny;\n// }\n// }\n\n// function rotateLauncher() {\n// launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n// }\n\n// function nextLevel() {\n// // Logic to move to the next level\n// players = []; // Clear the players array\n// launcher.angle = 0; // Reset the launcher's angle\n\n// generatePlatforms(); // Generate new platforms for the new level\n\n// console.log(\"Next level!\");\n// }\n\n// function generatePlatforms() {\n// platforms = [];\n// let numPlatforms = floor(random(2, 6)); // Randomly decide between 2 to 5 platforms\n// let minDistance = 20; // Minimum distance between platforms\n\n// // Ensure one platform is 25 pixels above the ground\n// platforms.push({\n// x: random(50, width - 150),\n// y: ground.y - 35, // 25 pixels above the ground and accounting for platform height\n// sX: random(50, 150),\n// sY: 10\n// });\n\n// let attempts = 0;\n\n// while (platforms.length < numPlatforms) {\n// let newPlatform = {\n// x: random(50, width - 150),\n// y: random(100, ground.y - 50), // Ensure platforms are within the canvas and above the ground\n// sX: random(50, 150),\n// sY: 10\n// };\n\n// // Ensure the new platform does not touch any existing platform and is within jump height\n// let isValid = true;\n// let nearestPlatformBelow = null;\n\n// for (let platform of platforms) {\n// let xDist = abs(newPlatform.x - platform.x);\n// let yDist = newPlatform.y - platform.y;\n\n// if (xDist < platform.sX + minDistance && yDist < platform.sY + minDistance) {\n// isValid = false;\n// break;\n// }\n\n// if (yDist > 0 && (!nearestPlatformBelow || yDist < nearestPlatformBelow.yDist)) {\n// nearestPlatformBelow = { yDist, platform };\n// }\n// }\n\n// if (isValid && nearestPlatformBelow && nearestPlatformBelow.yDist > PLAYER_JUMP_HEIGHT) {\n// isValid = false;\n// }\n\n// if (isValid) {\n// platforms.push(newPlatform);\n// }\n\n// attempts++;\n// if (attempts > 1000) {\n// console.error(\"Too many attempts to generate platforms.\");\n// break;\n// }\n// }\n\n// // Position the door at the end of the highest platform\n// let highestPlatform = platforms.reduce((highest, platform) => {\n// return platform.y < highest.y ? platform : highest;\n// }, platforms[0]);\n\n// door.x = highestPlatform.x + highestPlatform.sX - door.sX; // Position the door at the end of the highest platform\n// door.y = highestPlatform.y - door.sY; // Align the bottom of the door with the top of the highest platform\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nlet players = []; // Array to store multiple players\nconst MAX_PLAYERS = 25; // Maximum number of players\nlet score = 0; // Variable to store the score\nlet song\n\nlet launcher = {\n x: 50, // Launcher position\n y: 300,\n size: 50, // Size of the launcher\n angle: 0, // Initial angle of the launcher\n angularVelocity: 0.05 // Speed of rotation\n};\n\nlet ground = {\n x: 0, // Change position to start from the left edge\n y: 350, // Adjust position to be near the bottom of the canvas\n sX: 800, // Ensure width covers the canvas\n sY: 50 // Adjust height to be more visible\n};\n\nlet holes = [\n { x: 200, y: ground.y, sX: 50, sY: 50 },\n { x: 200, y: ground.y + 50, sX: 50, sY: 50 }\n]; // Array to store holes\n\nlet wall = { x: 0, y: 0, sX: 20, sY: 50 }; // Wall object, initially set to 0,0\n\nlet platforms = []; // Array to store platforms\nlet door = {\n x: 350, // Door position\n y: 100,\n sX: 30, // Door size\n sY: 50\n};\n\nlet back;\nlet grass; // Variable to store the grass image\nlet doorImg; // Variable to store the door image\nlet launcherImg; // Variable to store the launcher image\n\nlet playerImages = []; // Array to store player images\n\nconst PLAYER_JUMP_HEIGHT = 100; // Player's jump height\n\nfunction preload() {\n grass = loadImage(\"@asset('grass')\"); // Load the grass image\n doorImg = loadImage(\"@asset('door')\"); // Load the door image\n launcherImg = loadImage(\"@asset('launcher')\"); // Load the launcher image\n back = loadImage(\"@asset('background')\");\n\n // Load player images\n playerImages.push(loadImage(\"@asset('bunny')\"));\n playerImages.push(loadImage(\"@asset('kitten')\"));\n playerImages.push(loadImage(\"@asset('panda')\"));\n}\n\nfunction setup() {\n createCanvas(800, 600); // Create the canvas\n generatePlatforms(); // Generate initial platforms\n placeWall(); // Place the wall randomly\n playSong();\n}\n\nfunction draw() {\n background(191, 145, 255); // Clear the background\n imageMode(CORNER); // Set image mode to corner\n image(back, 0, 0, width, height); // Draw the background image\n\n drawLauncher();\n drawGround();\n drawWall(); // Draw the wall\n drawPlatforms(); // Draw the platforms\n drawDoor(); // Draw the door\n drawHoles(); // Draw the holes\n\n for (let player of players) {\n updatePlayer(player); // Update the player position\n drawPlayer(player); // Draw each player\n }\n\n handleCollisions(); // Handle collisions between players\n rotateLauncher(); // Rotate the launcher\n\n drawScore(); // Draw the score\n}\n\nfunction drawLauncher() {\n push(); // Save the current transformation state\n translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n rotate(launcher.angle); // Rotate the launcher\n imageMode(CENTER); // Set image mode to center\n image(launcherImg, 0, 0, launcher.size, launcher.size); // Draw the launcher image\n pop(); // Restore the previous transformation state\n}\n\nfunction drawPlayer(player) {\n imageMode(CENTER); // Set image mode to center\n image(player.img, player.x, player.y + 15, player.s, player.s); // Draw the player image\n}\n\nfunction drawGround() {\n let tileSize = 25; // Set the tile size to 25x25 pixels\n let tilesPerRow = Math.ceil(ground.sX / tileSize); // Number of tiles per row\n\n for (let i = 0; i < tilesPerRow; i++) {\n image(grass, ground.x + i * tileSize, ground.y, tileSize, tileSize); // Draw the grass image to fill the ground\n }\n}\n\nfunction drawWall() {\n fill(100); // Color the wall grey\n rect(wall.x, wall.y, wall.sX, wall.sY); // Draw the wall as a rectangle\n}\n\nfunction drawPlatforms() {\n let tileSize = 25; // Set the tile size to 25x25 pixels\n\n for (let platform of platforms) {\n for (let i = platform.x; i < platform.x + platform.sX; i += tileSize) {\n for (let j = platform.y; j < platform.y + platform.sY; j += tileSize) {\n image(grass, i, j, tileSize, tileSize); // Draw the grass image to fill each platform\n }\n }\n }\n}\n\nfunction drawDoor() {\n image(doorImg, door.x, door.y, door.sX, door.sY); // Draw the door using the door image\n}\n\nfunction drawHoles() {\n fill(0); // Set the hole color to black\n for (let hole of holes) {\n rect(hole.x, hole.y, hole.sX, hole.sY); // Draw each hole as a rectangle\n }\n}\n\nlet playersSpawned = 0; // Variable to track the number of players spawned\n\nfunction mousePressed() {\n if (players.length < MAX_PLAYERS) { // Check if the number of players is less than the maximum allowed\n let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n let img = random(playerImages); // Select a random player image\n let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy, img: img }; // Create a new player at the launcher position with calculated velocity and random image\n players.push(newPlayer); // Add the new player to the array\n playersSpawned++; // Increment the number of players spawned\n score -= 1; // Subtract 25 points for each player spawned\n }\n}\n\nfunction keyPressed() {\n if (key === ' ') { // Check if the spacebar is pressed\n for (let player of players) {\n if (isOnGround(player) || isOnPlatform(player) || isInHole(player)) { // Check if the player is on the ground, a platform, or inside a hole\n player.vy = -10; // Apply an upward velocity to simulate a jump\n }\n }\n }\n}\n\nfunction isInHole(player) {\n for (let hole of holes) {\n if (player.x + player.s > hole.x && player.x < hole.x + hole.sX && player.y + player.s > hole.y && player.y < hole.y + hole.sY) {\n return true; // Return true if the player is inside a hole\n }\n }\n return false;\n}\n\nfunction isOnGround(player) {\n // Check if the player is inside any hole\n for (let hole of holes) {\n if (player.x + player.s > hole.x && player.x < hole.x + hole.sX && player.y + player.s >= ground.y) {\n return false; // Player is inside a hole and not on the ground\n }\n }\n // Return true if the player is on the ground and not inside any hole\n return player.y + player.s >= ground.y;\n}\n\nfunction isOnPlatform(player) {\n for (let platform of platforms) {\n if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n return true; // Return true if the player is on a platform\n }\n }\n return false;\n}\n\nfunction updatePlayer(player) {\n player.x += player.vx; // Update the player's horizontal position\n player.y += player.vy; // Update the player's vertical position\n player.vy += 0.5; // Apply gravity to the player\n\n // Check if the player is inside a hole\n let isInHole = false;\n for (let hole of holes) {\n if (player.x + player.s > hole.x && player.x < hole.x + hole.sX * 2 && player.y + player.s > hole.y && player.y < hole.y + hole.sY * 2) {\n isInHole = true;\n\n // Apply gravity if the player is inside the hole\n if (player.y + player.s > hole.y + hole.sY * 2) {\n player.vy = 0; // Stop the player's vertical movement at the bottom of the hole\n player.y = hole.y + hole.sY * 2 - player.s; // Position the player at the bottom of the hole\n }\n\n // Allow horizontal movement inside the hole\n if (player.x < hole.x) {\n player.x = hole.x; // Prevent the player from moving outside the left edge of the hole\n }\n if (player.x + player.s > hole.x + hole.sX) {\n player.x = hole.x + hole.sX - player.s; // Prevent the player from moving outside the right edge of the hole\n }\n break;\n }\n }\n\n // If the player is not in a hole, check for collision with the ground and platforms\n if (!isInHole) {\n // Check for collision with the ground\n if (player.y + player.s > ground.y) {\n player.y = ground.y - player.s; // Position the player on top of the ground\n player.vy = 0; // Stop the player's vertical movement\n }\n\n // Check for collision with the platforms\n for (let platform of platforms) {\n if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n player.y = platform.y - player.s; // Position the player on top of the platform\n player.vy = 0; // Stop the player's vertical movement\n }\n }\n }\n\n // Check for collision with the door\n if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n // Player has reached the door, increment the score\n score += 25; // Add 25 points for each player that gets through the door\n // Move to the next level\n nextLevel();\n }\n\n // Check for collision with the wall\n if (player.x + player.s > wall.x && player.x < wall.x + wall.sX && player.y + player.s > wall.y && player.y < wall.y + wall.sY) {\n player.vx *= -1; // Reverse the horizontal velocity\n }\n\n // Check for collision with the edges of the canvas\n if (player.x <= 0 || player.x + player.s >= width) {\n player.vx *= -1; // Reverse the horizontal velocity\n }\n}\n\nfunction handleCollisions() {\n for (let i = 0; i < players.length; i++) {\n for (let j = i + 1; j < players.length; j++) {\n let p1 = players[i];\n let p2 = players[j];\n\n if (isColliding(p1, p2)) {\n resolveCollision(p1, p2);\n }\n }\n }\n}\n\nfunction isColliding(p1, p2) {\n return (\n p1.x < p2.x + p2.s &&\n p1.x + p1.s > p2.x &&\n p1.y < p2.y + p2.s &&\n p1.y + p1.s > p2.y\n );\n}\n\nfunction resolveCollision(p1, p2) {\n let dx = p1.x - p2.x;\n let dy = p1.y - p2.y;\n let distance = sqrt(dx * dx + dy * dy);\n\n if (distance < p1.s) {\n let overlap = 0.5 * (distance - p1.s);\n\n p1.x -= overlap * (dx / distance);\n p1.y -= overlap * (dy / distance);\n p2.x += overlap * (dx / distance);\n p2.y += overlap * (dy / distance);\n\n let nx = dx / distance;\n let ny = dy / distance;\n\n let kx = (p1.vx - p2.vx);\n let ky = (p1.vy - p2.vy);\n let p = 2.0 * (nx * kx + ny * ky) / (p1.s + p2.s);\n\n p1.vx -= p * p2.s * nx;\n p1.vy -= p * p2.s * ny;\n p2.vx += p * p1.s * nx;\n p2.vy += p * p1.s * ny;\n }\n}\n\nfunction rotateLauncher() {\n launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n}\n\nfunction nextLevel() {\n // Logic to move to the next level\n players = []; // Clear the players array\n launcher.angle = 0; // Reset the launcher's angle\n\n generatePlatforms(); // Generate new platforms for the new level\n placeWall(); // Place the wall randomly\n\n console.log(\"Next level!\");\n}\n\nfunction generatePlatforms() {\n platforms = [];\n let numPlatforms = floor(random(2, 6)); // Randomly decide between 2 to 5 platforms\n let minDistance = 20; // Minimum distance between platforms\n\n // Ensure one platform is 25 pixels above the ground\n platforms.push({\n x: random(50, width - 150),\n y: ground.y - 35, // 25 pixels above the ground and accounting for platform height\n sX: random(50, 150),\n sY: 10\n });\n\n let attempts = 0;\n\n while (platforms.length < numPlatforms) {\n let newPlatform = {\n x: random(50, width - 150),\n y: random(100, ground.y - 50), // Ensure platforms are within the canvas and above the ground\n sX: random(50, 150),\n sY: 10\n };\n\n // Ensure the new platform does not touch any existing platform and is within jump height\n let isValid = true;\n let nearestPlatformBelow = null;\n\n for (let platform of platforms) {\n let xDist = abs(newPlatform.x - platform.x);\n let yDist = newPlatform.y - platform.y;\n\n if (xDist < platform.sX + minDistance && yDist < platform.sY + minDistance) {\n isValid = false;\n break;\n }\n\n if (yDist > 0 && (!nearestPlatformBelow || yDist < nearestPlatformBelow.yDist)) {\n nearestPlatformBelow = { yDist, platform };\n }\n }\n\n if (isValid && nearestPlatformBelow && nearestPlatformBelow.yDist > PLAYER_JUMP_HEIGHT) {\n isValid = false;\n }\n\n if (isValid) {\n platforms.push(newPlatform);\n }\n\n attempts++;\n if (attempts > 1000) {\n console.error(\"Too many attempts to generate platforms.\");\n break;\n }\n }\n\n // Position the door at the end of the highest platform\n let highestPlatform = platforms.reduce((highest, platform) => {\n return platform.y < highest.y ? platform : highest;\n }, platforms[0]);\n\n door.x = highestPlatform.x + highestPlatform.sX - door.sX; // Position the door at the end of the highest platform\n door.y = highestPlatform.y - door.sY; // Align the bottom of the door with the top of the highest platform\n}\n\nfunction placeWall() {\n let isValidPosition = false;\n let minDistanceFromLauncher = 100; // Minimum distance between the wall and the launcher\n\n while (!isValidPosition) {\n let isOnPlatform = random() < 0.5; // 50% chance to place on a platform\n if (isOnPlatform && platforms.length > 0) {\n // Place on a random platform\n let platform = random(platforms);\n wall.x = random(platform.x, platform.x + platform.sX - wall.sX);\n wall.y = platform.y - wall.sY;\n } else {\n // Place on the ground\n wall.x = random(50, width - 150);\n wall.y = ground.y - wall.sY;\n }\n\n // Check if the wall is far enough from the launcher\n if (dist(launcher.x, launcher.y, wall.x, wall.y) >= minDistanceFromLauncher) {\n isValidPosition = true;\n }\n }\n}\n\nfunction drawScore() {\n fill(0); // Set text color to black\n textSize(32); // Set text size\n text(`Score: ${score}`, 10, 30); // Draw the score at the top-left corner\n}\n\nfunction playSong() {\n //We'll make a new Howl called 'song', as long as one doesn't already exist.\n if (!song) {\n song = new Howl({\n src: [\"@asset('song')\"],\n html5: true,\n volume: 1,\n autoplay: false,\n loop: true, \n });\n }\n //Notice that here we are loading in the file when we click the button, not before.\n //This is probably not the best idea but I wanted to show you that it works.\n\n if (!song.playing()) { //If the song if NOT yet playing...\n song.volume(0); // Start silent...\n song.play(); //...get it going...\n song.fade(0, 1, 10000); // ...and fade in over 10 seconds to full volume\n //We can even adjust the speed of playback.\n song.rate(2);\n console.log('Fading in...');\n\n //If you want to get fancy, write a function that changes this dynamically!\n //Uncomment these two lines to check it out.\n\n // setTimeout(() => song.rate(0.5), 17000); \n // setTimeout(() => song.rate(2), 27000);\n\n //Note: setTimeout() is something you should learn about if you want to make cool dynamic Web Pages with an aspect of timing.\n\n } else { //But if the song is already playing....\n //...fade it to zero volume, then stop it.\n song.fade(song.volume(), 0, 5000);\n setTimeout(() => song.stop(), 5000);\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// let players = []; // Array to store multiple players\n// const MAX_PLAYERS = 25; // Maximum number of players\n// let score = 0; // Variable to store the score\n\n// let launcher = {\n// x: 50, // Launcher position\n// y: 300,\n// size: 50, // Size of the launcher\n// angle: 0, // Initial angle of the launcher\n// angularVelocity: 0.05 // Speed of rotation\n// };\n\n// let ground = {\n// x: 0, // Change position to start from the left edge\n// y: 350, // Adjust position to be near the bottom of the canvas\n// sX: 800, // Ensure width covers the canvas\n// sY: 50 // Adjust height to be more visible\n// };\n\n// let holes = [\n// { x: 200, y: ground.y - 50, sX: 50, sY: 50 },\n// { x: 400, y: ground.y - 50, sX: 50, sY: 50 }\n// ]; // Array to store holes\n\n// let wall = { x: 0, y: 0, sX: 50, sY: 50 }; // Wall object, initially set to 0,0\n\n// let platforms = [\n// { x: 100, y: 300, sX: 100, sY: 10 },\n// { x: 300, y: 200, sX: 100, sY: 10 }\n// ]; // Array to store platforms\n\n// let door = {\n// x: 350, // Door position\n// y: 100,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// let back;\n// let grass; // Variable to store the grass image\n// let doorImg; // Variable to store the door image\n// let launcherImg; // Variable to store the launcher image\n\n// let playerImages = []; // Array to store player images\n\n// const PLAYER_JUMP_HEIGHT = 100; // Player's jump height\n// const HOLE_JUMP_HEIGHT = 150; // Increased jump height for getting out of the hole\n\n// function preload() {\n// grass = loadImage(\"@asset('grass')\"); // Load the grass image\n// doorImg = loadImage(\"@asset('door')\"); // Load the door image\n// launcherImg = loadImage(\"@asset('launcher')\"); // Load the launcher image\n// back = loadImage(\"@asset('background')\");\n\n// // Load player images\n// playerImages.push(loadImage(\"@asset('bunny')\"));\n// playerImages.push(loadImage(\"@asset('kitten')\"));\n// playerImages.push(loadImage(\"@asset('panda')\"));\n// }\n\n// function setup() {\n// createCanvas(800, 500); // Create the canvas\n// placeWall(); // Place the wall at a fixed position\n// }\n\n// function draw() {\n// background(191, 145, 255); // Clear the background\n// imageMode(CORNER); // Set image mode to corner\n// image(back, 0, 0, width, height); // Draw the background image\n\n// drawLauncher();\n// drawGround();\n// drawWall(); // Draw the wall\n// drawPlatforms(); // Draw the platforms\n// drawDoor(); // Draw the door\n// drawHoles(); // Draw the holes\n\n// for (let player of players) {\n// updatePlayer(player); // Update the player position\n// drawPlayer(player); // Draw each player\n// }\n\n// handleCollisions(); // Handle collisions between players\n// rotateLauncher(); // Rotate the launcher\n\n// drawScore(); // Draw the score\n// }\n\n// function drawHoles() {\n// fill(0); // Set the hole color to black\n// for (let hole of holes) {\n// rect(hole.x, hole.y, hole.sX, hole.sY); // Draw each hole as a rectangle\n// }\n// }\n\n// function drawLauncher() {\n// push(); // Save the current transformation state\n// translate(launcher.x, launcher.y); // Move the origin to the launcher's position\n// rotate(launcher.angle); // Rotate the launcher\n// imageMode(CENTER); // Set image mode to center\n// image(launcherImg, 0, 0, launcher.size, launcher.size); // Draw the launcher image\n// pop(); // Restore the previous transformation state\n// }\n\n// function drawPlayer(player) {\n// imageMode(CENTER); // Set image mode to center\n// image(player.img, player.x, player.y + 15, player.s, player.s); // Draw the player image\n// }\n\n// function drawGround() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n// let tilesPerRow = Math.ceil(ground.sX / tileSize); // Number of tiles per row\n\n// for (let i = 0; i < tilesPerRow; i++) {\n// image(grass, ground.x + i * tileSize, ground.y, tileSize, tileSize); // Draw the grass image to fill the ground\n// }\n// }\n\n// function drawWall() {\n// fill(100); // Color the wall grey\n// rect(wall.x, wall.y, wall.sX, wall.sY); // Draw the wall as a rectangle\n// }\n\n// function drawPlatforms() {\n// let tileSize = 25; // Set the tile size to 25x25 pixels\n\n// for (let platform of platforms) {\n// for (let i = platform.x; i < platform.x + platform.sX; i += tileSize) {\n// for (let j = platform.y; j < platform.y + platform.sY; j += tileSize) {\n// image(grass, i, j, tileSize, tileSize); // Draw the grass image to fill each platform\n// }\n// }\n// }\n// }\n\n// function drawDoor() {\n// image(doorImg, door.x, door.y, door.sX, door.sY); // Draw the door using the door image\n// }\n\n// let playersSpawned = 0; // Variable to track the number of players spawned\n\n// function mousePressed() {\n// if (players.length < MAX_PLAYERS) { // Check if the number of players is less than the maximum allowed\n// let vx = 5 * cos(launcher.angle); // Calculate the horizontal velocity based on the angle\n// let vy = 5 * sin(launcher.angle); // Calculate the vertical velocity based on the angle\n// let img = random(playerImages); // Select a random player image\n// let newPlayer = { x: launcher.x, y: launcher.y, s: 25, vx: vx, vy: vy, img: img }; // Create a new player at the launcher position with calculated velocity and random image\n// players.push(newPlayer); // Add the new player to the array\n// playersSpawned++; // Increment the number of players spawned\n// score -= 1; // Subtract 1 point for each player spawned\n// }\n// }\n\n// function keyPressed() {\n// if (key === ' ') { // Check if the spacebar is pressed\n// for (let player of players) {\n// if (isOnGround(player) || isOnPlatform(player)) { // Check if the player is on the ground or a platform\n// player.vy = -10; // Apply an upward velocity to simulate a jump\n// } else if (isInHole(player)) { // Check if the player is in a hole\n// player.vy = -15; // Apply a higher upward velocity to get out of the hole\n// }\n// }\n// }\n// }\n\n// function isInHole(player) {\n// for (let hole of holes) {\n// if (player.x + player.s >= hole.x && player.x <= hole.x + hole.sX && player.y + player.s >= hole.y && player.y <= hole.y + hole.sY) {\n// return true; // Return true if the player is inside a hole\n// }\n// }\n// return false;\n// }\n\n// function isOnGround(player) {\n// // Check if the player is inside any hole\n// for (let hole of holes) {\n// if (player.x + player.s > hole.x && player.x < hole.x + hole.sX && player.y + player.s >= ground.y) {\n// return false; // Player is inside a hole and not on the ground\n// }\n// }\n// // Return true if the player is on the ground and not inside any hole\n// return player.y + player.s >= ground.y;\n// }\n\n// function isOnPlatform(player) {\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s >= platform.y && player.y <= platform.y + platform.sY) {\n// return true; // Return true if the player is on a platform\n// }\n// }\n// return false;\n// }\n\n// function updatePlayer(player) {\n// player.x += player.vx; // Update the player's horizontal position\n// player.y += player.vy; // Update the player's vertical position\n// player.vy += 0.5; // Apply gravity to the player\n\n// // Check if the player is inside a hole\n// let isInHole = false;\n// for (let hole of holes) {\n// if (player.x + player.s > hole.x && player.x < hole.x + hole.sX * 2 && player.y + player.s > hole.y && player.y < hole.y + hole.sY * 2) {\n// isInHole = true;\n\n// // Apply gravity if the player is inside the hole\n// if (player.y + player.s > hole.y + hole.sY * 2) {\n// player.vy = 0; // Stop the player's vertical movement at the bottom of the hole\n// player.y = hole.y + hole.sY * 2 - player.s; // Position the player at the bottom of the hole\n// }\n\n// // Allow horizontal movement inside the hole\n// if (player.x < hole.x) {\n// player.x = hole.x; // Prevent the player from moving outside the left edge of the hole\n// }\n// if (player.x + player.s > hole.x + hole.sX) {\n// player.x = hole.x + hole.sX - player.s; // Prevent the player from moving outside the right edge of the hole\n// }\n// break;\n// }\n// }\n\n// // If the player is not in a hole, check for collision with the ground and platforms\n// if (!isInHole) {\n// // Check for collision with the ground\n// if (player.y + player.s > ground.y) {\n// player.y = ground.y - player.s; // Position the player on top of the ground\n// player.vy = 0; // Stop the player's vertical movement\n// }\n\n// // Check for collision with the platforms\n// for (let platform of platforms) {\n// if (player.x + player.s > platform.x && player.x < platform.x + platform.sX && player.y + player.s > platform.y && player.y + player.s < platform.y + platform.sY) {\n// player.y = platform.y - player.s; // Position the player on top of the platform\n// player.vy = 0; // Stop the player's vertical movement\n// }\n// }\n// }\n\n// // Check for collision with the door\n// if (player.x < door.x + door.sX && player.x + player.s > door.x && player.y < door.y + door.sY && player.y + player.s > door.y) {\n// // Player has reached the door, increment the score\n// score += 25; // Add 25 points for each player that gets through the door\n// // Move to the next level\n// nextLevel();\n// }\n\n// // Check for collision with the wall\n// if (player.x + player.s > wall.x && player.x < wall.x + wall.sX && player.y + player.s > wall.y && player.y < wall.y + wall.sY) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n\n// // Check for collision with the edges of the canvas\n// if (player.x <= 0 || player.x + player.s >= width) {\n// player.vx *= -1; // Reverse the horizontal velocity\n// }\n// }\n\n// function handleCollisions() {\n// for (let i = 0; i < players.length; i++) {\n// for (let j = i + 1; j < players.length; j++) {\n// let p1 = players[i];\n// let p2 = players[j];\n\n// if (isColliding(p1, p2)) {\n// resolveCollision(p1, p2);\n// }\n// }\n// }\n// }\n\n// function isColliding(p1, p2) {\n// return (\n// p1.x < p2.x + p2.s &&\n// p1.x + p1.s > p2.x &&\n// p1.y < p2.y + p2.s &&\n// p1.y + p1.s > p2.y\n// );\n// }\n\n// function resolveCollision(p1, p2) {\n// let dx = p1.x - p2.x;\n// let dy = p1.y - p2.y;\n// let distance = sqrt(dx * dx + dy * dy);\n\n// if (distance < p1.s) {\n// let overlap = 0.5 * (distance - p1.s);\n\n// p1.x -= overlap * (dx / distance);\n// p1.y -= overlap * (dy / distance);\n// p2.x += overlap * (dx / distance);\n// p2.y += overlap * (dy / distance);\n\n// let nx = dx / distance;\n// let ny = dy / distance;\n\n// let kx = (p1.vx - p2.vx);\n// let ky = (p1.vy - p2.vy);\n// let p = 2.0 * (nx * kx + ny * ky) / (p1.s + p2.s);\n\n// p1.vx -= p * p2.s * nx;\n// p1.vy -= p * p2.s * ny;\n// p2.vx += p * p1.s * nx;\n// p2.vy += p * p1.s * ny;\n// }\n// }\n\n// function rotateLauncher() {\n// launcher.angle += launcher.angularVelocity; // Update the angle of the launcher\n// }\n\n// function nextLevel() {\n// // Logic to move to the next level\n// players = []; // Clear the players array\n// launcher.angle = 0; // Reset the launcher's angle\n\n// // Optionally, add new platforms and door position\n// platforms = [\n// { x: 100, y: 300, sX: 100, sY: 10 },\n// { x: 300, y: 200, sX: 100, sY: 10 }\n// ]; // New array to store platforms for the new level\n\n// door = {\n// x: 350, // New door position\n// y: 50,\n// sX: 30, // Door size\n// sY: 50\n// };\n\n// console.log(\"Next level!\");\n// }\n\n// function placeWall() {\n// wall.x = 450;\n// wall.y = ground.y - wall.sY;\n// }\n\n// function drawScore() {\n// fill(0); // Set text color to black\n// textSize(32); // Set text size\n// text(`Score: ${score}`, 10, 30); // Draw the score at the top-left corner\n// }","style.css":"","index.html":"\n\n\n\n \n \n Level Up: Launch to a platform\n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":5775,"creator":null,"cloudinary_id":"jaw5tyjnuqyjixzjoekm","deleted":false,"id":59167,"created_at":"2025-02-10T16:19:02.629507Z","name":"grass","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"qa8m9gh6828766s4zxlc","deleted":false,"id":59166,"created_at":"2025-02-10T16:19:02.626981Z","name":"background","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"saip5h2opjajxpiouxqp","deleted":false,"id":59165,"created_at":"2025-02-10T16:19:02.624360Z","name":"door","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"g0lpe5nzoweayogktrw5","deleted":false,"id":59164,"created_at":"2025-02-10T16:19:02.621701Z","name":"bunny","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"gavwvggat40kharbu4e4","deleted":false,"id":59163,"created_at":"2025-02-10T16:19:02.618582Z","name":"kitten","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"rnanx5m89wsdtwk7ycxv","deleted":false,"id":59162,"created_at":"2025-02-10T16:19:02.605484Z","name":"panda","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"qdlyrlrp8xfuztjwcplm","deleted":false,"id":59161,"created_at":"2025-02-10T16:19:02.598348Z","name":"launcher","resource_type":"image","tags":null},{"project_id":5775,"creator":null,"cloudinary_id":"z5nar8qyjpvkkft66mee","deleted":false,"id":59160,"created_at":"2025-02-10T16:19:02.580498Z","name":"song","resource_type":"audio","tags":null}],"messages_sent":0,"comments":[],"steps":[{"title":"Design Unique Levels","instruction":"Create diverse and captivating level designs with different challenges and obstacles.","created_at":"2024-06-16T10:00:08.580370","project_id":5775,"complete":false,"step_number":0,"updated_at":"2025-02-10T16:19:02.487732","id":11824},{"title":"Interactive Elements","instruction":"Incorporate interactive elements and collectibles to make gameplay engaging and fun.","created_at":"2024-06-16T10:00:08.580459","project_id":5775,"complete":false,"step_number":1,"updated_at":"2025-02-10T16:19:02.487851","id":11825},{"title":"Character Movement and Controls","instruction":"Implement smooth user input and character movement controls for a seamless gaming experience.","created_at":"2024-06-16T10:00:08.580533","project_id":5775,"complete":false,"step_number":2,"updated_at":"2025-02-10T16:19:02.487912","id":11826},{"title":"Scoring and Progression","instruction":"Introduce scoring and progression mechanics to track player performance and advancement through the levels.","created_at":"2024-06-16T10:00:08.580603","project_id":5775,"complete":false,"step_number":3,"updated_at":"2025-02-10T16:19:02.487969","id":11827},{"title":"Collision Detection","instruction":"Implement collision detection to ensure realistic interaction between characters and the game environment.","created_at":"2024-06-16T10:00:08.580673","project_id":5775,"complete":false,"step_number":4,"updated_at":"2025-02-10T16:19:02.488024","id":11828},{"title":"Level Transitions","instruction":"Create smooth transitions between levels to maintain the flow of the game and enhance the player experience.","created_at":"2024-06-16T10:00:08.580742","project_id":5775,"complete":false,"step_number":5,"updated_at":"2025-02-10T16:19:02.488080","id":11829},{"title":"Visual Enhancements","instruction":"Add visual effects and enhancements to create an immersive and captivating gaming environment.","created_at":"2024-06-16T10:00:08.580810","project_id":5775,"complete":false,"step_number":6,"updated_at":"2025-02-10T16:19:02.488135","id":11830},{"title":"Sound and Audio Integration","instruction":"Incorporate sound effects and audio elements to complement the gameplay and enhance the overall gaming experience.","created_at":"2024-06-16T10:00:08.580879","project_id":5775,"complete":false,"step_number":7,"updated_at":"2025-02-10T16:19:02.488191","id":11831}]}