Emoji Adventure Game

{"name":"Romeo VS Juliet","description":"M","photo":"","view_count":3,"fork_count":3,"expires_at":null,"created_at":"2025-02-16T16:37:25.302117Z","updated_at":"2025-02-16T16:37:25.302134Z","user_id":5,"status":"PRIVATE","parent_id":null,"id":5830,"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":[{"project_id":5830,"sender":"human","message":"hey how do i use loadSound (on line 31 ' playerDeath = loadSound(@asset playerDeath) ' )\n","deleted":0,"created_at":"2025-03-06T15:14:22.854694Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":114975},{"project_id":5830,"sender":"ai","message":"To use the `loadSound` function correctly, you must ensure that the asset path is specified as a string within the `loadSound` function. Let's go through the correct way to load a sound asset.\n\nHere's how you can do it:\n\n```javascript\n// script.js\nlet playerDeathSound;\n\nfunction preload() {\n playerDeathSound = loadSound(\"@asset('playerDeath')\");\n}\n```\n\nMake sure to include this `preload` function in your script.js file. The `preload` function is used in p5.js to load assets before the sketch starts, ensuring that your sound is ready to use when the program runs.\n\nWould you like to play this sound on a specific event, like when the player loses a life or something else?","deleted":0,"created_at":"2025-03-06T15:14:22.861889Z","output_tokens":170,"code_id":215356,"input_tokens":5585,"id":114976},{"project_id":5830,"sender":"client_script","message":"","deleted":0,"created_at":"2025-03-06T15:14:39.376419Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":114977},{"project_id":5830,"sender":"client_script","message":"Errors:\n\n🌸 p5.js says: There's an error due to \"loadSound\" not being defined in the current scope (on line 33 in cbdf426d-2e2d-4dfb-845e-9b9e7d303c85 [blob:https://jippity.pro/cbdf426d-2e2d-4dfb-845e-9b9e7d303c85:33:5]).\n\nIf you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive). For more:\nhttps://p5js.org/examples/data-variable-scope.html\nhttps://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_Defined#What_went_wrong\n Errors:\n\n🌸 p5.js says: There's an error due to \"loadSound\" not being defined in the current scope (on line 33 in cbdf426d-2e2d-4dfb-845e-9b9e7d303c85 [blob:https://jippity.pro/cbdf426d-2e2d-4dfb-845e-9b9e7d303c85:33:5]).\n\nIf you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive). For more:\nhttps://p5js.org/examples/data-variable-scope.html\nhttps://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_Defined#What_went_wrong","deleted":0,"created_at":"2025-03-06T15:14:43.820560Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":114978},{"project_id":5830,"sender":"ai","message":"To resolve the error related to `loadSound`, you need to make sure that the p5.js sound library is included in your project, as `loadSound` is a part of that library. You can include it by adding the following script tag to your HTML file:\n\n```html\n\n\n\n \n \n Emoji Adventure Game\n \n \n \n\n\n \n\n\n```\n\nThis script tag should be added after the main p5.js library script tag. It ensures that all sound-related functions, including `loadSound`, are available for use in your project.\n\nOnce you've added this, you should be able to use the `loadSound` function without any errors. Would you like to trigger this sound effect during a specific event in your game?","deleted":0,"created_at":"2025-03-06T15:14:43.828641Z","output_tokens":273,"code_id":215356,"input_tokens":5890,"id":114979},{"project_id":5830,"sender":"client_script","message":"","deleted":0,"created_at":"2025-03-06T15:15:18.792719Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":114980},{"project_id":5830,"sender":"client_script","message":"Errors:\nUncaught ReferenceError: playSound is not defined at 94:9 in script.js,\n🌸 p5.js says: There's an error due to \"playSound\" not being defined in the current scope (on line 94 in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 [blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:94:9]).\n\nIf you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive). For more:\nhttps://p5js.org/examples/data-variable-scope.html\nhttps://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_Defined#What_went_wrong,▶️ Error at line 94 in \"handlePlayer\" in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 (blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:94:9)\n\n▶️ Called from line 46 in \"draw\" in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 (blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:46:5)\n\n\n Errors:\nUncaught ReferenceError: playSound is not defined at 94:9 in script.js\n\n🌸 p5.js says: There's an error due to \"playSound\" not being defined in the current scope (on line 94 in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 [blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:94:9]).\n\nIf you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive). For more:\nhttps://p5js.org/examples/data-variable-scope.html\nhttps://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_Defined#What_went_wrong\n▶️ Error at line 94 in \"handlePlayer\" in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 (blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:94:9)\n\n▶️ Called from line 46 in \"draw\" in e7a57a1b-45d5-47cf-aa60-0ff67477b2f0 (blob:https://jippity.pro/e7a57a1b-45d5-47cf-aa60-0ff67477b2f0:46:5)\n\n","deleted":0,"created_at":"2025-03-06T15:15:34.995846Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":114981},{"project_id":5830,"sender":"ai","message":"It looks like the error you're encountering is due to calling a function `playSound` that hasn't been defined in your code. Let's fix this by correctly using the `loadSound` function to load a sound and then play it when required.\n\nHere's how you can do it:\n\n1. **Load the Sound**: First, make sure the sound is loaded in the `preload` function.\n2. **Play the Sound**: Use the `play` method on the sound object when you want to play the sound.\n\nLet's add these steps to your code:\n\n```javascript\n// script.js\nlet playerDeathSound; // Global variable to store the sound\n\nfunction preload() {\n playerDeathSound = loadSound(\"@asset('playerDeath')\"); // Load the sound asset\n}\n```\n\n```javascript\n// script.js\nfunction handlePlayer() {\n // Your existing handlePlayer code...\n \n if (playerHealth <= 0) {\n playerDeathSound.play(); // Play the sound when the player's health reaches 0\n noLoop(); // Stops the game loop\n alert(\"Game Over!\");\n }\n}\n```\n\n### Explanation:\n- **Global Variable**: We create a global variable `playerDeathSound` to store the sound.\n- **Preload Function**: We load the sound using `loadSound` in the `preload` function.\n- **Play Sound**: The `play` method is called on `playerDeathSound` when the player's health reaches 0, playing the sound when the player \"dies.\"\n\nWould you like to add any specific sound effects during other events?","deleted":0,"created_at":"2025-03-06T15:15:35.175672Z","output_tokens":347,"code_id":215356,"input_tokens":6245,"id":114982},{"project_id":5830,"sender":"client_script","message":"","deleted":0,"created_at":"2025-03-06T16:29:52.265495Z","output_tokens":null,"code_id":215356,"input_tokens":null,"id":115018},{"project_id":5830,"sender":"client_script","message":"","deleted":0,"created_at":"2025-03-06T16:30:18.667173Z","output_tokens":null,"code_id":215362,"input_tokens":null,"id":115019}],"assets":[{"cloudinary_id":"lj02kz8tcjiostjfz8qu","name":"playerDeath","deleted":false,"id":60474,"created_at":"2025-03-06T15:10:42.035215Z","project_id":5830,"resource_type":"video"}],"messages_sent":9,"comments":[],"steps":[]}