Emoji Adventure Game

{"name":"Romeo VS Juliet","description":"M","photo":"","view_count":3,"fork_count":1,"expires_at":null,"created_at":"2025-03-06T17:20:11.115569Z","updated_at":"2025-03-06T17:20:11.115570Z","user_id":5,"status":"PRIVATE","parent_id":5830,"id":6012,"user":{"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null,"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},"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 practiceMode = false\nlet cangle = 0\nlet m = \"m\";\n let p2blasts\n let p2shoots\n let p3blasts\n let p3shoots\nlet p1GunAng = 0\nlet debug = false\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 = 30;\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 \n handleJuliet(); // Add this line to make Juliet move\n drawJuliet();\n handlePlayerMovement();\n if (practiceMode && !debug)\n {\n fill(255,0,0)\n textSize(40)\n text(\"PRACTICE MODE\",40,80)\n fill(0)\n }\n if (debug) {\n fill(255,0,0)\n textSize(20)\n text(\"DEBUG MODE\",40,80)\n text(\"PROJECTILES: \" + projectiles.length,40,120)\n text(\"PLAYER POSITION: \" + playerX + \" \" + playerY,40,160)\n }\n fill(0)\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 if (phase == 4) {\n let newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, null, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, atan2(playerY - julietY, playerX - julietX) + (PI/10), true); // Calculate the angle towards the target, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, atan2(playerY - julietY, playerX - julietX) - (PI/10), true); // Calculate the angle towards the target, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n }\n } else if (pro.bad && dist(playerX, playerY, pro.x, pro.y) < 20 && !practiceMode) {\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}\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 if (keyIsDown(76)) { // 'L' key\n if (!practiceMode) {\n practiceMode = true\n } \n }\n}\nclass Projectile {\n constructor(x, y, targetX, targetY, bad, size, speed, emoji, homing, manAngle, frag, infinifrag) {\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 this.frag = frag\n this.infinifrag = infinifrag\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 if (this.x < 0 || this.x > 1120 || this.y < 0 || this.y > 800) {\n \n if (this.frag) {\n console.log('Fragged!')\nthis.frag = false\nthis.emoji = '💥'\nthis.manAngle = atan2(playerY - this.y, playerX - this.x); // Calculate the angle towards the target\nthis.angle = atan2(playerY - this.y, playerX - this.x); // Calculate the angle towards the target\nif (this.infinifrag) {\nthis.emoji = '🍪'\nthis.frag = true\n}\n } \n \n }\n if (this.x < -10 || this.x > 1130 || this.y < -10 || this.y > 810) {\n if (!this.frag) {\n const index = projectiles.indexOf(this); // Get the index of this projectile\n if (index > -1) {\n projectiles.splice(index, 1); // Remove the projectile from the array\n }\n }\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 }else if (phase === 4) {\n moveJulietP3()\n \n if (julietHealth <= 0) {\n \n initializePhaseFive()\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 = 30\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 = 25\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 \n if (cangle > 2*PI) {\n cangle -= 2*PI\n }\n }\n \n \n \n}\nfunction initializePhaseFour() {\n \n julietHealth = 40\n phase = 4\n clearInterval(p3blasts)\n \n p4shoots = setInterval(shootp4, 1000)\n \n \n}\nfunction shootp4() {\n let newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, null, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, atan2(playerY - julietY, playerX - julietX) + (PI/10), true); // Calculate the angle towards the target, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💣', false, atan2(playerY - julietY, playerX - julietX) - (PI/10), true); // Calculate the angle towards the target, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n}\nfunction p5blast() {\n for (i = 0; i < 10; i++) {\n let newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '💀', false, null, false, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n \n }\n}\nfunction p5shot() {\n \n let newProjectile = new Projectile(julietX, julietY, playerX, playerY, true, 30, 5, '🍪', false, null, true, true); // Create a new projectile towards the mouse position\n projectiles.push(newProjectile); // Add the new projectile to the list\n \n}\nfunction initializePhaseFive() {\n \n julietHealth = 25\n phase = 5\n clearInterval(p4shoots)\n \n p5blasts = setInterval(p5blast, 3200)\n p5shooter = setInterval(p5shot, 1000)\n \n}\nfunction keyPressed() {\n if (key == 'p' && debug) {\n julietHealth -= 9999\n }\n if (key == 'm') {\n debug = true\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":[{"project_id":6012,"message":"","created_at":"2025-03-06T17:20:48.230115Z","output_tokens":null,"deleted":0,"code_id":215366,"sender":"client_script","input_tokens":null,"id":115020},{"project_id":6012,"message":"","created_at":"2025-07-20T19:25:03.026547Z","output_tokens":null,"deleted":0,"code_id":216171,"sender":"client_script","input_tokens":null,"id":161482},{"project_id":6012,"message":"","created_at":"2025-07-20T19:40:34.030665Z","output_tokens":null,"deleted":0,"code_id":269281,"sender":"client_script","input_tokens":null,"id":161483},{"project_id":6012,"message":"","created_at":"2025-07-20T19:41:21.410240Z","output_tokens":null,"deleted":0,"code_id":269281,"sender":"client_script","input_tokens":null,"id":161484},{"project_id":6012,"message":"","created_at":"2025-07-20T19:42:01.672468Z","output_tokens":null,"deleted":0,"code_id":269281,"sender":"client_script","input_tokens":null,"id":161485},{"project_id":6012,"message":"","created_at":"2025-07-20T19:44:37.376449Z","output_tokens":null,"deleted":0,"code_id":269287,"sender":"client_script","input_tokens":null,"id":161486},{"project_id":6012,"message":"","created_at":"2025-07-20T20:04:00.231456Z","output_tokens":null,"deleted":0,"code_id":269304,"sender":"client_script","input_tokens":null,"id":161487},{"project_id":6012,"message":"","created_at":"2025-07-23T10:41:25.094462Z","output_tokens":null,"deleted":0,"code_id":272888,"sender":"client_script","input_tokens":null,"id":163726},{"project_id":6012,"message":"Let's get started!\n Errors:\n","created_at":"2025-07-23T10:42:34.643152Z","output_tokens":null,"deleted":0,"code_id":272890,"sender":"client_script","input_tokens":null,"id":163727},{"project_id":6012,"message":"","created_at":"2025-07-23T10:42:35.658889Z","output_tokens":0,"deleted":0,"code_id":272890,"sender":"ai","input_tokens":6678,"id":163728},{"project_id":6012,"message":"why are the projectiles freezing game when they hit the edge of the map","created_at":"2025-07-23T10:43:01.606566Z","output_tokens":null,"deleted":0,"code_id":272890,"sender":"human","input_tokens":null,"id":163729},{"project_id":6012,"message":"The projectiles are likely freezing the game because of the way you are trying to remove them from the `projectiles` array. In the `update` method of the `Projectile` class, you have a condition that checks if the projectile is out of bounds, but instead of properly removing the projectile from the array, you are using `projectiles.splice(this)`, which is incorrect. The `splice` method needs an index to remove an item, not the item itself.\n\nHere's how you can fix this issue:\n\n1. Instead of using `projectiles.splice(this)`, you should use the index of the projectile in the array to remove it.\n\n2. Ensure that you are properly checking for the projectile's position against the canvas boundaries.\n\nWould you like me to provide the corrected code for the `update` method in the `Projectile` class?","created_at":"2025-07-23T10:43:02.344956Z","output_tokens":200,"deleted":0,"code_id":272890,"sender":"ai","input_tokens":6687,"id":163730},{"project_id":6012,"message":"✅","created_at":"2025-07-23T10:43:25.611245Z","output_tokens":null,"deleted":0,"code_id":272890,"sender":"human","input_tokens":null,"id":163731},{"project_id":6012,"message":"Let's fix the issue with the projectile removal in the `update` method of the `Projectile` class. Here’s the corrected code:\n\n```javascript\n// script.js\nclass Projectile {\n constructor(x, y, targetX, targetY, bad, size, speed, emoji, homing, manAngle, frag, infinifrag) {\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 this.frag = frag;\n this.infinifrag = infinifrag;\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\n if (this.manAngle) {\n this.angle = this.manAngle;\n }\n\n // Check if the projectile is out of bounds\n if (this.x < 0 || this.x > width || this.y < 0 || this.y > height) {\n // Remove the projectile if it goes off screen\n const index = projectiles.indexOf(this); // Get the index of this projectile\n if (index > -1) {\n projectiles.splice(index, 1); // Remove the projectile from the array\n }\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```\n\n### Changes Made:\n- In the `update()` method, I changed the condition that checks if the projectile is out of bounds. Instead of the previous logic, it now correctly finds the index of the projectile in the `projectiles` array and removes it using `splice(index, 1)`.\n\nThis should resolve the freezing issue when projectiles hit the edge of the map. Please replace the existing `Projectile` class in your `script.js` file with the code above. \n\nLet me know if you need any more help!","created_at":"2025-07-23T10:43:26.377835Z","output_tokens":538,"deleted":0,"code_id":272890,"sender":"ai","input_tokens":6675,"id":163732}],"assets":[{"created_at":"2025-03-06T17:19:39.731688Z","name":"playerDeath","resource_type":"audio","tags":null,"project_id":6012,"creator":null,"cloudinary_id":"lj02kz8tcjiostjfz8qu","deleted":false,"id":60476}],"messages_sent":2,"comments":[],"steps":[]}