Emoji Adventure Game

{"name":"Romeo VS Juliet","description":"M","photo":"","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-03-06T16:31:41.030056Z","updated_at":"2025-03-06T16:31:41.030058Z","user_id":5,"status":"PRIVATE","parent_id":5830,"id":6011,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let playerX, playerY;\nlet julietX, julietY;\nlet gunIntervalP1; // Declare gunIntervalP1 as a global variable\nlet playerVelocityX = 0;\nlet playerVelocityY = 0;\nlet acceleration = 0.1;\nlet playerHealth = 3;\nlet cangle = 0\nlet m = \"m\";\n let p2blasts\n let p2shoots\n let p3blasts\n let p3shoots\nlet p1GunAng = 0\n\nlet phase = 1\nlet p1GunX = 0\nlet shotSec = false\nlet p1GunY = 0\n// Global variable to store projectiles\nlet projectiles = [];\nlet jolly = true;\nlet speedmult = 1;\nlet deceleration = 1.5;\nlet maxSpeed = Infinity + 1;\n// Global variable for Juliet's health\nlet julietHealth = 1;\n// Global variable to store projectiles\nfunction setup() {\n createCanvas(1200,800)\n playerX = width / 8;\n playerY = height / 2;\n julietX = width - ( width / 8 );\n julietY = height / 2\n gunIntervalP1 = setInterval(shootP1, 1200)\n}\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n drawPlayer();\n handlePlayer();\n handleJuliet(); // Add this line to make Juliet move\n drawJuliet();\n handlePlayerMovement();\n \n // Update and display projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n let pro = projectiles[i];\n pro.update();\n pro.display();\n\n // Check for collision with Juliet\n if (!pro.bad && dist(pro.x, pro.y, julietX, julietY) < 20) {\n julietHealth -= 1; // Reduce Juliet's health by 1\n projectiles.splice(i, 1); // Remove the projectile on hit\n } else if (pro.bad && dist(playerX, playerY, pro.x, pro.y) < 20) {\n playerHealth--;\n projectiles.splice(i, 1); // Remove the projectile if it hits Romeo\n }\n\n // Remove the projectile if it goes off screen\n if (pro.y < 0) {\n projectiles.splice(i, 1);\n }\n}\n \n if (dist(playerX, playerY, julietX, julietY) < 20) {\n playerVelocityX *= -2\n playerVelocityY *= -2\n julietX += random(-300,300)\n julietY += random(-300,300)\n if (phase === 2) {\n setTimeout(p2hexablast, 200)\n setTimeout(p2hexablast, 600)\n }\n }\n}\n\n// Function to draw the player as an emoji\nfunction drawPlayer() {\n textSize(32);\n text('🧔‍♂️', playerX, playerY); // Draw Romeo emoji\n textSize(16);\n text(`HP: ${playerHealth}`, playerX - 20, playerY - 20); // Display health above Juliet\n}\nfunction drawPlayer() {\n textSize(32);\n text('🧔‍♂️', playerX, playerY); // Draw Romeo emoji\n textSize(16);\n text(`HP: ${playerHealth}`, playerX - 20, playerY - 20); // Display health above Juliet\n}\nfunction drawPlayer() {\n textSize(32);\n text('🧔‍♂️', playerX, playerY); // Draw Romeo emoji\n textSize(16);\n text(`HP: ${playerHealth}`, playerX - 20, playerY - 20); // Display health above Juliet\n}\nfunction drawJuliet() {\n textSize(32);\n text('👩', julietX, julietY); // Draw Juliet emoji\n\n // Display Juliet's health\n textSize(16);\n text(`HP: ${julietHealth}`, julietX - 20, julietY - 20); // Display health above Juliet\n \n\n}\n\n// Function to handle player movement\nfunction handlePlayerMovement() {\n playerX += playerVelocityX;\n playerY += playerVelocityY;\n if (jolly === false) {\n // Check if the player is offscreen\n if (playerX < -60 || playerX > width + 60 || playerY < -60 || playerY > height + 60) {\n noLoop();\n alert(\"You hit the uhh.. whatever so hard you died, this wont ever actually be seen in the game\");\n }\n } else {\n if (playerX < -60 || playerX > width + 60 || playerY < -60 || playerY > height + 60) {\n\n }\n if (playerX < -60) {\n playerX = 0\n playerVelocityX *= -1.1\n \n }\n if (playerX > width + 60) {\n playerX = width\n playerVelocityX *= -1.1\n \n }\n if (playerY < -60) {\n playerY = 0\n playerVelocityY *= -1.1\n \n }\n if (playerY > height + 60) {\n playerY = height\n playerVelocityY *= -1.1\n \n }\n \n }\n \n\n if (keyIsDown(87)) { // 'W' key\n playerVelocityY -= acceleration; // Move up\n }\n if (keyIsDown(83)) { // 'S' key\n playerVelocityY += acceleration; // Move down\n }\n if (keyIsDown(65)) { // 'A' key\n playerVelocityX -= acceleration; // Move left\n }\n if (keyIsDown(68)) { // 'D' key\n playerVelocityX += acceleration; // Move right\n }\n}\nclass Projectile {\n constructor(x, y, targetX, targetY, bad, size, speed, emoji, homing, manAngle) {\n this.bad = bad; // Set the bad property based on the argument\n this.x = x; // Initial x position\n this.y = y; // Initial y position\n this.speed = speed; // Speed of the projectile\n this.angle = atan2(targetY - y, targetX - x); // Calculate the angle towards the target\n this.size = size; // Size of the emoji\n this.emoji = emoji; // Emoji representation of the projectile\n this.homing = homing\n this.manAngle = manAngle\n }\n\n update() {\n this.x += cos(this.angle) * this.speed; // Update the x position based on the angle\n this.y += sin(this.angle) * this.speed; // Update the y position based on the angle\n if (this.manAngle) {\n this.angle = this.manAngle\n }\n }\n\n display() {\n textSize(this.size);\n text(this.emoji, this.x, this.y); // Draw the projectile as an emoji\n }\n}\n\nfunction mousePressed() {\n if (!shotSec) {\n // Ensure mouseX and mouseY are valid and the projectile is created correctly\n let newProjectile = new Projectile(playerX, playerY, mouseX, mouseY, false, 15, 10, '💥'); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n // (x, y, targetX, targetY, bad, size, speed, emoji)\n shotSec = true\n setTimeout(function () {shotSec = false}, 500)\n }\n}\nfunction handleJuliet() {\n if (phase === 1) {\n moveJulietP1()\n textSize(35)\n p1GunX = julietX + cos(p1GunAng) * 90; // Update the x position based on the angle\n p1GunY = julietY + sin(p1GunAng) * 90; // Update the y position based on the angle\n text('🔫', p1GunX, p1GunY); // Draw the projectile as an emoji\n p1GunAng += 0.01\n if (julietHealth <= 0) {\n \n initializePhaseTwo()\n }\n } else if (phase === 2) {\n moveJulietP2()\n textSize(35)\n p1GunX = julietX + cos(p1GunAng) * 90; // Update the x position based on the angle\n p1GunY = julietY + sin(p1GunAng) * 90; // Update the y position based on the angle\n text('🔫', p1GunX, p1GunY); // Draw the projectile as an emoji\n p1GunAng += 0.023\n if (julietHealth <= 0) {\n \n initializePhaseThree()\n }\n }else if (phase === 3) {\n moveJulietP3()\n \n if (julietHealth <= 0) {\n \n // initializePhaseFour()\n }\n }\n}\nfunction moveJulietP1() {\n let moveSpeed = 2; // Speed at which Juliet moves\n let julangle = atan2(playerY - julietY, playerX - julietX); // Calculate the angle towards the target\n julietX += cos(julangle) * moveSpeed; // Update the x position based on the angle\n julietY += sin(julangle) * moveSpeed; // Update the y position based on the angle\n\n // Keep Juliet within canvas bounds\n julietX = constrain(julietX, 0, width);\n julietY = constrain(julietY, 0, height);\n}\nfunction moveJulietP2() {\n let moveSpeed = 2.5; // Speed at which Juliet moves\n let julangle = atan2(playerY - julietY, playerX - julietX); // Calculate the angle towards the target\n julietX += cos(julangle) * moveSpeed; // Update the x position based on the angle\n julietY += sin(julangle) * moveSpeed; // Update the y position based on the angle\n\n // Keep Juliet within canvas bounds\n julietX = constrain(julietX, 0, width);\n julietY = constrain(julietY, 0, height);\n}\nfunction moveJulietP3() {\n let moveSpeed = 0.1; // Speed at which Juliet moves\n let julangle = atan2(playerY - julietY, playerX - julietX); // Calculate the angle towards the target\n julietX += cos(julangle) * moveSpeed; // Update the x position based on the angle\n julietY += sin(julangle) * moveSpeed; // Update the y position based on the angle\n\n // Keep Juliet within canvas bounds\n julietX = constrain(julietX, 0, width);\n julietY = constrain(julietY, 0, height);\n}\nfunction shootP1() {\n if (phase === 1) {\n\n } else {\n if (gunIntervalP1) {\n clearInterval(gunIntervalP1)\n }\n }\n let newProjectile = new Projectile(p1GunX, p1GunY, playerX, playerY, true, 30, 5, '💥', false); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n}\nfunction initializePhaseTwo() {\n\n julietHealth = 1\n phase = 2\n setTimeout(p2hexablast, 200)\n setTimeout(p2hexablast, 600)\n setTimeout(p2hexablast, 1000)\n setTimeout(p2hexablast, 1400)\n p2blasts = setInterval(p2hexablast, 8000)\n p2shoots = setInterval(shootP1, 800)\n \n}\nfunction p2hexablast() {\n let cangle = 0\n for (i = 0; i < 6; i++) {\n let newProjectile = new Projectile(p1GunX, p1GunY, p1GunX + cos(cangle) * 100, p1GunY + sin(cangle) * 100, true, 30, 5, '💥', false); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n cangle += (360 / 8)\n }\n}\nfunction initializePhaseThree() {\n \n julietHealth = 30\n phase = 3\n clearInterval(p2blasts)\n clearInterval(p2shoots)\n p3blasts = setInterval(p3blast, 900)\n \n \n}\n\nfunction p3blast() {\n \n cangle += random(-PI,PI)\n for (i = 0; i < 40; i++) {\n let newProjectile = new Projectile(julietX, julietY, p1GunX, p1GunY, true, 30, 5, '💥', false, cangle); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n cangle += (Math.PI / 20)\n console.log(cangle.toFixed(2))\n if (cangle > 2*PI) {\n cangle -= 2*PI\n }\n }\n \n \n \n}\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Adventure Game\n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"cloudinary_id":"lj02kz8tcjiostjfz8qu","name":"playerDeath","deleted":false,"id":60475,"created_at":"2025-03-06T16:31:41.052709Z","project_id":6011,"resource_type":"video"}],"messages_sent":0,"comments":[],"steps":[]}