Enemy Dodge!

{"name":"Mouse Dodge","description":"Navigate through a chaotic world as enemies move randomly and try to catch you! Collect power-ups, avoid obstacles, and see how long you can survive in this fast-paced game.","photo":"https://jippity.s3.amazonaws.com/CleanShot 2024-04-03 at 13.20.46@2x.png","view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-10-23T14:39:14.373046Z","updated_at":"2024-10-23T14:39:14.373047Z","user_id":5,"status":"PRIVATE","parent_id":647,"id":3973,"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 enemies = []\nlet score = 0\nlet box\nlet pinks = []\nlet loose = false\nlet timesinceloose = 0\nlet v\nlet repelEffect = false;\nlet repelStartTime = 0;\nlet v2\nclass Enemy {\n constructor() {\n this.x = random(width);\n this.y = random(height)\n this.xOff = random(windowWidth);\n this.yOff = random(windowHeight);\n }\n display() {\n textSize(32);\n text('🚶‍➡️', this.x - 10, this.y + 20); // Display the enemy emoji\n }\n move() {\n // Use noise to get a smooth, random movement pattern\n this.x = map(noise(this.xOff), 0, 1, -300, width + 300);\n this.y = map(noise(this.yOff), 0, 1, -300, height + 300);\n if (this.x > width) {\n this.x = 0\n }\n if (this.x < 0) {\n this.x = width\n }\n if (this.y > height) {\n this.y = 0\n }\n if (this.y < 0) {\n this.y = height\n }\n // Increment the noise offsets\n this.xOff += 0.001;\n this.yOff += 0.001;\n }\n}\nclass Box {\n constructor() {\n this.x = random(width - 20);\n this.y = random(height - 20);\n }\n display() {\n textSize(32); // Set the text size for the emoji\n text('🦴', this.x, this.y + 20); // Display the bone emoji\n }\n}\nclass Pink {\n constructor() {\n this.x = random(width - 20)\n this.y = random(height - 20)\n }\n display() {\n textSize(32);\n text('🍾', this.x, this.y + 20); // Display the spray bottle emoji\n }\n}\nclass AngryEnemy extends Enemy {\n constructor() {\n super();\n }\n display() {\n textSize(48); // 50% larger than normal enemies\n text('🏃‍➡️', this.x - 15, this.y + 30);\n }\n move() {\n // Move twice as fast as normal enemies\n this.x = map(noise(this.xOff), 0, 1, -300, width + 300);\n this.y = map(noise(this.yOff), 0, 1, -300, height + 300);\n this.xOff += 0.002; // Increase speed\n this.yOff += 0.002;\n }\n}\nfunction setup() {\n alert(\"Welcome to Animal Control. You play as a dog and try to not get caught by the humans, and get Bones! The special 🍾 object is supposed to be a spray bottle that sprays a bad smell and gets humans to leave\");\n createCanvas(800, 600);\n background(220);\n box = new Box()\n enemies.push(new Enemy())\n noCursor()\n console.log(\"You are now playing this game.\")\n}\nfunction draw() {\n background(220);\n box.display();\n fill(\"blue\")\n textSize(32);\n text(\"🐶\", mouseX - 10, mouseY + 20); // Display the player emoji\n fill(0);\n text('Score: ' + score, 30, 50);\n\n for (let pink of pinks) {\n pink.display();\n }\n\n if (repelEffect) {\n if (millis() - repelStartTime > 5000) {\n repelEffect = false;\n }\n }\n\n for (let enemy of enemies) {\n enemy.display();\n const distance = dist(mouseX, mouseY, enemy.x, enemy.y);\n if (repelEffect && distance < 76) {\n let angle = atan2(enemy.y - mouseY, enemy.x - mouseX);\n enemy.x += cos(angle) * 2; // Move the enemy away from the player\n enemy.y += sin(angle) * 2;\n } else {\n enemy.move();\n }\n if (repelEffect && distance < 20) {\n let angle = atan2(enemy.y - mouseY, enemy.x - mouseX);\n enemy.x = random(800); // Move the enemy away from the player\n enemy.y = random(600);\n }\n }\nif (mouseX - 10 <= box.x + 10 && mouseX + 10 >= box.x - 10 && mouseY - 10 <= box.y + 10 && mouseY + 10 >= box.y - 10) {\n box.x = random(width - 20);\n box.y = random(height - 20);\n score++;\n spawnEnemy(); // Use the new spawn logic\n console.log(\"You got a point!\");\n if (score % 5 == 0) {\n pinks.push(new Pink());\n console.log(\"A pink enemy-deleter has spawned!\");\n }\n}\n\nfor (let i = 0; i < pinks.length; i++) {\n if (mouseX - 10 <= pinks[i].x + 10 && mouseX + 10 >= pinks[i].x - 10 && mouseY - 10 <= pinks[i].y + 10 && mouseY + 10 >= pinks[i].y - 10) {\n pinks.splice(i, 1);\n repelEffect = true;\n repelStartTime = millis();\n \n // Transform nearby enemies to Angry Enemies\n for (let j = 0; j < enemies.length; j++) {\n const distance = dist(mouseX, mouseY, enemies[j].x, enemies[j].y);\n if (distance < 100 && !(enemies[j] instanceof AngryEnemy)) {\n enemies[j] = new AngryEnemy();\n }\n }\n }\n}\n\n for (let i = 0; i < enemies.length; i++) {\n if ((mouseX - 10 <= enemies[i].x + 10 && mouseX + 10 >= enemies[i].x - 10 && mouseY - 10 <= enemies[i].y + 10 && mouseY + 10 >= enemies[i].y - 10) || loose == true) {\n if (!repelEffect) {\n background(\"black\");\n fill(\"white\");\n textAlign(CENTER);\n text(\"You were put in a cage by an enemy. Your score was: \" + score, 200, 200, 200, 200);\n loose = true;\n if (timesinceloose >= 120) {\n timesinceloose = 0;\n score = 0;\n loose = false;\n enemies = [new Enemy()];\n console.log(\"You respawned.\");\n }\n }\n }\n }\n\n if (loose == true) {\n timesinceloose += 1;\n if (frameCount % 60 == 0) {\n console.log(\"You died! You will respawn in \" + round((120 - timesinceloose) / 60) + \" seconds!\");\n }\n }\n}\nfunction spawnEnemy() {\n if (random(1) < 0.05) {\n enemies.push(new AngryEnemy());\n } else {\n enemies.push(new Enemy());\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Enemy Dodge!\n \n\n\n\n \n \n\n\n"},"chat_history":[{"project_id":3973,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-10-23T14:39:23.470018Z","output_tokens":null,"code_id":168770,"input_tokens":null,"id":82813},{"project_id":3973,"sender":"ai","message":"","deleted":0,"created_at":"2024-10-23T14:39:23.563682Z","output_tokens":null,"code_id":168770,"input_tokens":null,"id":82814},{"project_id":3973,"sender":"human","message":"lets change the graphics to be emojis.\nuse 🐶 for player, 🚶‍➡️ for enemy, 🦴 for score box, and 🍾 for the pink\nalso add an alert('') in the setup function to say \"welcome to Animal Control. you play as a dog and try to not get caught by the humans, and get Bones! the special 🍾 object is supposed to be a spray bottle that sprays a bad smell and gets humans to leave\"|\nalso change the pink thing to instead of deleting enemies, makes it so that all enemies will not get within a 76 pixel circle of you for 15 seconds","deleted":0,"created_at":"2024-10-23T14:43:52.553067Z","output_tokens":null,"code_id":168771,"input_tokens":null,"id":82815},{"project_id":3973,"sender":"ai","message":"Sure, we can update your game to use emojis for graphics and implement the new behavior for the pink object. Let's get started!\n\n### Step 1: Update Graphics to Emojis\n\nWe'll replace the current graphics with the specified emojis. \n\n```javascript\nclass Box {\n constructor() {\n this.x = random(width - 20);\n this.y = random(height - 20);\n }\n display() {\n textSize(32); // Set the text size for the emoji\n text('🦴', this.x, this.y + 20); // Display the bone emoji\n }\n}\n```\n\n```javascript\nclass Enemy {\n constructor() {\n this.x = random(width);\n this.y = random(height)\n this.xOff = random(windowWidth);\n this.yOff = random(windowHeight);\n }\n display() {\n textSize(32);\n text('🚶‍➡️', this.x - 10, this.y + 20); // Display the enemy emoji\n }\n}\n```\n\n```javascript\nclass Pink {\n constructor() {\n this.x = random(width - 20)\n this.y = random(height - 20)\n }\n display() {\n textSize(32);\n text('🍾', this.x, this.y + 20); // Display the spray bottle emoji\n }\n}\n```\n\n```javascript\nfunction draw() {\n background(220);\n box.display();\n textSize(32);\n text(\"🐶\", mouseX - 10, mouseY + 20); // Display the player emoji\n // ... rest of the draw function ...\n}\n```\n\n### Step 2: Add Alert Message\n\nAdd an alert at the beginning of the `setup` function to welcome the player and explain the game.\n\n```javascript\nfunction setup() {\n alert(\"Welcome to Animal Control. You play as a dog and try to not get caught by the humans, and get Bones! The special 🍾 object is supposed to be a spray bottle that sprays a bad smell and gets humans to leave\");\n createCanvas(800, 600);\n background(220);\n box = new Box()\n enemies.push(new Enemy())\n noCursor()\n console.log(\"You are now playing this game.\")\n}\n```\n\n### Step 3: Update Pink Object Behavior\n\nWe'll modify the pink object so that it creates a repelling effect around the player for 15 seconds. \n\nFirst, let's add a variable to track the effect duration:\n\n```javascript\nlet repelEffect = false;\nlet repelStartTime = 0;\n```\n\nNext, update the collision detection with the pink object in the `draw` function:\n\n```javascript\nfunction draw() {\n background(220);\n box.display();\n textSize(32);\n text(\"🐶\", mouseX - 10, mouseY + 20); \n // ... existing code ...\n\n if (repelEffect) {\n if (millis() - repelStartTime > 15000) {\n repelEffect = false;\n }\n }\n\n for (let i = 0; i < pinks.length; i++) {\n if (mouseX - 10 <= pinks[i].x + 10 && mouseX + 10 >= pinks[i].x - 10 && mouseY - 10 <= pinks[i].y + 10 && mouseY + 10 >= pinks[i].y - 10) {\n pinks.splice(i, 1);\n repelEffect = true;\n repelStartTime = millis();\n }\n }\n\n for (let enemy of enemies) {\n enemy.display();\n if (repelEffect) {\n const distance = dist(mouseX, mouseY, enemy.x, enemy.y);\n if (distance < 76) {\n let angle = atan2(enemy.y - mouseY, enemy.x - mouseX);\n enemy.x += cos(angle) * 2;\n enemy.y += sin(angle) * 2;\n }\n } else {\n enemy.move();\n }\n }\n}\n```\n\n### Explanation\n\n- **Box, Enemy, Pink classes**: Now use emojis for their display.\n- **setup function**: Includes an alert to welcome the player and explain the game.\n- **draw function**: Includes logic to apply the repelling effect for 15 seconds whenever the pink object is collected.\n- **repelEffect, repelStartTime**: Keep track of whether the repelling effect is active and when it started.\n\nYou can replace the existing code with the provided updates to achieve these changes. Let me know if you'd like to adjust anything further!","deleted":0,"created_at":"2024-10-23T14:43:52.559387Z","output_tokens":null,"code_id":168771,"input_tokens":null,"id":82816},{"project_id":3973,"sender":"human","message":"could you give me the entire draw function","deleted":0,"created_at":"2024-10-23T14:47:09.966261Z","output_tokens":null,"code_id":168781,"input_tokens":null,"id":82817},{"project_id":3973,"sender":"ai","message":"Certainly! Here's the updated `draw` function with the new behavior for the pink object and use of emojis:\n\n```javascript\nfunction draw() {\n background(220);\n box.display();\n fill(\"blue\")\n textSize(32);\n text(\"🐶\", mouseX - 10, mouseY + 20); // Display the player emoji\n fill(0);\n text('Score: ' + score, 30, 50);\n\n for (let pink of pinks) {\n pink.display();\n }\n\n if (repelEffect) {\n if (millis() - repelStartTime > 15000) {\n repelEffect = false;\n }\n }\n\n for (let enemy of enemies) {\n enemy.display();\n if (repelEffect) {\n const distance = dist(mouseX, mouseY, enemy.x, enemy.y);\n if (distance < 76) {\n let angle = atan2(enemy.y - mouseY, enemy.x - mouseX);\n enemy.x += cos(angle) * 2; // Move the enemy away from the player\n enemy.y += sin(angle) * 2;\n }\n } else {\n enemy.move();\n }\n }\n\n if (mouseX - 10 <= box.x + 10 && mouseX + 10 >= box.x - 10 && mouseY - 10 <= box.y + 10 && mouseY + 10 >= box.y - 10) {\n box.x = random(width - 20);\n box.y = random(height - 20);\n score++;\n enemies.push(new Enemy());\n console.log(\"You got a point!\");\n if (score % 5 == 0) {\n pinks.push(new Pink());\n console.log(\"A pink enemy-deleter has spawned!\");\n }\n }\n\n for (let i = 0; i < pinks.length; i++) {\n if (mouseX - 10 <= pinks[i].x + 10 && mouseX + 10 >= pinks[i].x - 10 && mouseY - 10 <= pinks[i].y + 10 && mouseY + 10 >= pinks[i].y - 10) {\n pinks.splice(i, 1);\n repelEffect = true;\n repelStartTime = millis();\n }\n }\n\n for (let i = 0; i < enemies.length; i++) {\n if ((mouseX - 10 <= enemies[i].x + 10 && mouseX + 10 >= enemies[i].x - 10 && mouseY - 10 <= enemies[i].y + 10 && mouseY + 10 >= enemies[i].y - 10) || loose == true) {\n background(\"black\");\n fill(\"white\");\n textAlign(CENTER);\n text(\"You were killed by an enemy. Your score was: \" + score, 200, 200, 200, 200);\n loose = true;\n if (timesinceloose >= 120) {\n timesinceloose = 0;\n score = 0;\n loose = false;\n enemies = [new Enemy()];\n console.log(\"You respawned.\");\n }\n }\n }\n\n if (loose == true) {\n timesinceloose += 1;\n if (frameCount % 60 == 0) {\n console.log(\"You died! You will respawn in \" + round((120 - timesinceloose) / 60) + \" seconds!\");\n }\n }\n}\n```\n\n### Explanation\n\n- **Player and Objects**: Displays the player, box, and pink objects using emojis.\n- **Repel Effect**: Updates enemy behavior when the repel effect is active, moving them away from the player.\n- **Repel Timer**: Ensures the repel effect lasts for 15 seconds by checking elapsed time with `millis()`.\n\nYou can replace your existing `draw` function with this one to apply the changes. Let me know if there's anything else you'd like to adjust!","deleted":0,"created_at":"2024-10-23T14:47:09.970808Z","output_tokens":null,"code_id":168781,"input_tokens":null,"id":82818},{"project_id":3973,"sender":"human","message":"make the enemies still move even if the repel effect is active, just make them not move 76 pixels from the player.","deleted":0,"created_at":"2024-10-23T14:50:57.603498Z","output_tokens":null,"code_id":168787,"input_tokens":null,"id":82819},{"project_id":3973,"sender":"ai","message":"To ensure that enemies continue to move while the repel effect is active, we will adjust their movement logic to only alter their direction when they come within 76 pixels of the player. Let's update the `draw` function accordingly.\n\nHere's the updated `draw` function:\n\n```javascript\nfunction draw() {\n background(220);\n box.display();\n fill(\"blue\")\n textSize(32);\n text(\"🐶\", mouseX - 10, mouseY + 20); // Display the player emoji\n fill(0);\n text('Score: ' + score, 30, 50);\n\n for (let pink of pinks) {\n pink.display();\n }\n\n if (repelEffect) {\n if (millis() - repelStartTime > 15000) {\n repelEffect = false;\n }\n }\n\n for (let enemy of enemies) {\n enemy.display();\n const distance = dist(mouseX, mouseY, enemy.x, enemy.y);\n if (repelEffect && distance < 76) {\n let angle = atan2(enemy.y - mouseY, enemy.x - mouseX);\n enemy.x += cos(angle) * 2; // Move the enemy away from the player\n enemy.y += sin(angle) * 2;\n } else {\n enemy.move();\n }\n }\n\n if (mouseX - 10 <= box.x + 10 && mouseX + 10 >= box.x - 10 && mouseY - 10 <= box.y + 10 && mouseY + 10 >= box.y - 10) {\n box.x = random(width - 20);\n box.y = random(height - 20);\n score++;\n enemies.push(new Enemy());\n console.log(\"You got a point!\");\n if (score % 5 == 0) {\n pinks.push(new Pink());\n console.log(\"A pink enemy-deleter has spawned!\");\n }\n }\n\n for (let i = 0; i < pinks.length; i++) {\n if (mouseX - 10 <= pinks[i].x + 10 && mouseX + 10 >= pinks[i].x - 10 && mouseY - 10 <= pinks[i].y + 10 && mouseY + 10 >= pinks[i].y - 10) {\n pinks.splice(i, 1);\n repelEffect = true;\n repelStartTime = millis();\n }\n }\n\n for (let i = 0; i < enemies.length; i++) {\n if ((mouseX - 10 <= enemies[i].x + 10 && mouseX + 10 >= enemies[i].x - 10 && mouseY - 10 <= enemies[i].y + 10 && mouseY + 10 >= enemies[i].y - 10) || loose == true) {\n background(\"black\");\n fill(\"white\");\n textAlign(CENTER);\n text(\"You were killed by an enemy. Your score was: \" + score, 200, 200, 200, 200);\n loose = true;\n if (timesinceloose >= 120) {\n timesinceloose = 0;\n score = 0;\n loose = false;\n enemies = [new Enemy()];\n console.log(\"You respawned.\");\n }\n }\n }\n\n if (loose == true) {\n timesinceloose += 1;\n if (frameCount % 60 == 0) {\n console.log(\"You died! You will respawn in \" + round((120 - timesinceloose) / 60) + \" seconds!\");\n }\n }\n}\n```\n\n### Explanation\n\n- **Distance Check**: We always calculate the distance between the player and each enemy.\n- **Repel Effect**: If the repel effect is active and the enemy is within 76 pixels, we adjust their direction to move them away from the player.\n- **Regular Movement**: If the repel effect is not active, or if the enemy is not within 76 pixels, they continue their normal movement pattern.\n\nReplace your existing `draw` function with this updated version to apply the changes. Let me know if there's anything else you'd like to modify!","deleted":0,"created_at":"2024-10-23T14:50:57.608784Z","output_tokens":null,"code_id":168787,"input_tokens":null,"id":82820},{"project_id":3973,"sender":"human","message":"lets add Angry Enemies. they look like this : 🏃‍➡️. they are 50% bigger and move twice as fast as normal enemies. they have a 5% chance to spawn instead of a normal enemy. also whenever you pickup the Repel Powerup, every enemy within 100 pixels becomes an Angry enemy (Angry enemies are still repelled)","deleted":0,"created_at":"2024-10-23T14:58:57.163735Z","output_tokens":null,"code_id":168799,"input_tokens":null,"id":82821},{"project_id":3973,"sender":"ai","message":"Let's introduce Angry Enemies to your game. We'll implement them so they appear 50% larger and move twice as fast as normal enemies. They will have a 5% chance to spawn instead of a normal enemy, and all enemies within 100 pixels will become Angry when you pick up the Repel Powerup. Here's how we can modify the code:\n\n### Step 1: Define the Angry Enemy Class\n\nWe'll create a new class for Angry Enemies to handle their unique properties.\n\n```javascript\nclass AngryEnemy extends Enemy {\n constructor() {\n super();\n }\n display() {\n textSize(48); // 50% larger than normal enemies\n text('🏃‍➡️', this.x - 15, this.y + 30);\n }\n move() {\n // Move twice as fast as normal enemies\n this.x = map(noise(this.xOff), 0, 1, -300, width + 300);\n this.y = map(noise(this.yOff), 0, 1, -300, height + 300);\n this.xOff += 0.002; // Increase speed\n this.yOff += 0.002;\n }\n}\n```\n\n### Step 2: Modify Enemy Spawning Logic\n\nUpdate the logic to allow a 5% chance for an Angry Enemy to spawn.\n\n```javascript\nfunction spawnEnemy() {\n if (random(1) < 0.05) {\n enemies.push(new AngryEnemy());\n } else {\n enemies.push(new Enemy());\n }\n}\n```\n\nReplace enemy spawning in the `draw` function with a call to `spawnEnemy()`:\n\n```javascript\nif (mouseX - 10 <= box.x + 10 && mouseX + 10 >= box.x - 10 && mouseY - 10 <= box.y + 10 && mouseY + 10 >= box.y - 10) {\n box.x = random(width - 20);\n box.y = random(height - 20);\n score++;\n spawnEnemy(); // Use the new spawn logic\n console.log(\"You got a point!\");\n if (score % 5 == 0) {\n pinks.push(new Pink());\n console.log(\"A pink enemy-deleter has spawned!\");\n }\n}\n```\n\n### Step 3: Transform Nearby Enemies to Angry on Repel Powerup\n\nModify the code to transform nearby enemies when the Repel Powerup is picked up.\n\n```javascript\nfor (let i = 0; i < pinks.length; i++) {\n if (mouseX - 10 <= pinks[i].x + 10 && mouseX + 10 >= pinks[i].x - 10 && mouseY - 10 <= pinks[i].y + 10 && mouseY + 10 >= pinks[i].y - 10) {\n pinks.splice(i, 1);\n repelEffect = true;\n repelStartTime = millis();\n \n // Transform nearby enemies to Angry Enemies\n for (let j = 0; j < enemies.length; j++) {\n const distance = dist(mouseX, mouseY, enemies[j].x, enemies[j].y);\n if (distance < 100 && !(enemies[j] instanceof AngryEnemy)) {\n enemies[j] = new AngryEnemy();\n }\n }\n }\n}\n```\n\n### Explanation\n\n- **AngryEnemy Class**: Inherits from `Enemy` but is larger and moves faster.\n- **spawnEnemy Function**: Handles random spawning of normal or Angry Enemies.\n- **Powerup Effect**: Transforms nearby enemies into Angry Enemies when the Repel Powerup is picked up.\n\nReplace the existing code with these updates, and your game will now include Angry Enemies with the specified behavior. Let me know if there's anything else you'd like to tweak!","deleted":0,"created_at":"2024-10-23T14:58:57.204070Z","output_tokens":null,"code_id":168799,"input_tokens":null,"id":82822}],"assets":[],"messages_sent":5,"comments":[],"steps":[{"instruction":"Display enemies on the screen and make them move randomly.","title":"Visible Enemies","created_at":"2024-02-15T23:21:11.353174","project_id":3973,"complete":true,"step_number":0,"updated_at":"2024-10-23T14:39:14.390765","id":10872},{"instruction":"Implement mouse controls to move the player character.","title":"Mouse-Controlled Player","created_at":"2024-02-15T23:21:11.353226","project_id":3973,"complete":false,"step_number":1,"updated_at":"2024-10-23T14:39:14.390847","id":10873},{"instruction":"Gradually increase the speed of enemies as the game progresses.","title":"Enemy Speed Increase","created_at":"2024-02-15T23:21:11.353263","project_id":3973,"complete":false,"step_number":2,"updated_at":"2024-10-23T14:39:14.390888","id":10874},{"instruction":"Implement a leaderboard to track and display high scores for players to compete.","title":"Leaderboard","created_at":"2024-02-15T23:21:11.353298","project_id":3973,"complete":false,"step_number":3,"updated_at":"2024-10-23T14:39:14.390928","id":10875}]}