Tank Defense: House Protector

{"name":"Tank Defense: House Protector","description":"Defend your house with a powerful tank in this exciting tower defense game. Strategically place your defenses to stop the enemy forces from reaching your home.","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-07-16T16:52:43.649867Z","updated_at":"2024-07-16T16:52:43.649868Z","user_id":149,"status":"PRIVATE","parent_id":null,"id":2303,"user":{"photo":null,"email":null,"recess_id":"22bca323-5521-4bb9-b6d5-5e6b5cc4523a","created_at":"2024-07-15T20:20:03.227887Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"dragon441","id":149,"password_hash":null,"updated_at":"2024-07-15T20:20:03.227891Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// script.js\r\nlet tank;\r\nlet tankImage; // Variable to store the tank image\r\nlet bullets = []; // Array to store bullets\r\nlet enemies = []; // Array to store enemy positions\r\nlet speed = 4\r\nlet finishLineY = 50; // Y-coordinate for the finish line\r\nfunction preload() {\r\n tankImage = loadImage(\"@asset('tank1')\"); // Load the tank image\r\n}\r\nfunction setup() {\r\n createCanvas(800, 600);\r\n tank = createVector(width / 2, height / 2); // Center the tank\r\n spawnEnemies(); // Spawn initial enemies\r\n\r\n}\r\n\r\nfunction draw() {\r\n background(220);\r\n drawFinishLine(); // Draw the finish line\r\n\r\n imageMode(CENTER);\r\n image(tankImage, tank.x, tank.y, 50, 50); // Draw the tank image\r\n moveTank(); // Call the function to move the tank\r\n drawEnemies(); // Draw and move enemies\r\n\r\n\r\n drawBullets(); // Draw and move bullets\r\n checkGameOver();\r\n checkWin(); // Check if the tank crosses the finish line\r\n}\r\nfunction checkGameOver() {\r\n for (let enemy of enemies) {\r\n if (dist(tank.x, tank.y, enemy.x, enemy.y) < 20) { // Check if enemy hits the tank\r\n noLoop(); // Stop the draw loop to end the game\r\n textSize(64);\r\n text(\"Game Over\", width / 2, height / 2); // Display \"Game Over\" message\r\n }\r\n }\r\n}\r\n\r\n\r\nfunction spawnEnemies() {\r\n for (let i = 0; i < 5; i++) { // Spawn 5 enemies\r\n let enemy = createVector(random(width), random(height));\r\n enemies.push(enemy);\r\n }\r\n}\r\n\r\nfunction drawEnemies() {\r\n for (let enemy of enemies) {\r\n text(\"👾\", enemy.x, enemy.y); // Draw enemy emoji\r\n moveEnemy(enemy); // Move enemy towards the tank\r\n }\r\n}\r\n\r\nfunction moveEnemy(enemy) {\r\n let direction = p5.Vector.sub(tank, enemy); // Calculate direction towards the tank\r\n direction.setMag(1); // Set speed of enemy\r\n enemy.add(direction); // Move enemy towards the tank\r\n}\r\nfunction moveTank() {\r\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A' key\r\n tank.x -= speed;\r\n }\r\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D' key\r\n tank.x += speed;\r\n }\r\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W' key\r\n tank.y -= speed;\r\n }\r\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S' key\r\n tank.y += speed;\r\n }\r\n}\r\nfunction keyPressed() {\r\n if (keyCode === 32) { // Spacebar key\r\n shootBullet();\r\n }\r\n}\r\n\r\nfunction shootBullet() {\r\n let bullet = createVector(tank.x, tank.y);\r\n bullets.push(bullet);\r\n}\r\n\r\nfunction drawBullets() {\r\n for (let i = bullets.length - 1; i >= 0; i--) {\r\n let bullet = bullets[i];\r\n text(\"💥\", bullet.x, bullet.y); // Draw bullet emoji\r\n bullet.y -= 5; // Move bullet upwards\r\n\r\n // Check for collision with enemies\r\n for (let j = enemies.length - 1; j >= 0; j--) {\r\n let enemy = enemies[j];\r\n if (dist(bullet.x, bullet.y, enemy.x, enemy.y) < 20) { // Check if bullet hits enemy\r\n enemies.splice(j, 1); // Remove enemy\r\n bullets.splice(i, 1); // Remove bullet\r\n break;\r\n }\r\n }\r\n\r\n // Remove bullet if it goes off the screen\r\n if (bullet.y < 0) {\r\n bullets.splice(i, 1);\r\n }\r\n }\r\n}\r\nfunction drawFinishLine() {\r\n stroke(0);\r\n strokeWeight(4);\r\n line(0, finishLineY, width, finishLineY); // Draw the finish line\r\n noStroke();\r\n fill(0);\r\n textSize(20);\r\n text(\"Finish Line\", width / 2, finishLineY - 20); // Label the finish line\r\n}\r\n\r\nfunction checkWin() {\r\n if (tank.y < finishLineY) { // Check if the tank crosses the finish line\r\n noLoop(); // Stop the draw loop to end the game\r\n textSize(64);\r\n text(\"You Win!\", width / 2, height / 2); // Display \"You Win\" message\r\n }\r\n}// script.js\r\n\r\nlet walls = []; // Array to store wall positions and dimensions\r\n\r\nfunction setup() {\r\n createCanvas(800, 600);\r\n tank = createVector(width / 2, height / 2); // Center the tank\r\n spawnEnemies(); // Spawn initial enemies\r\n createWalls(); // Create walls\r\n}\r\n\r\nfunction draw() {\r\n background(220);\r\n drawFinishLine(); // Draw the finish line\r\n imageMode(CENTER);\r\n image(tankImage, tank.x, tank.y, 50, 50); // Draw the tank image\r\n\r\n drawWalls(); // Draw the walls\r\n moveTank(); // Call the function to move the tank\r\n drawEnemies(); // Draw and move enemies\r\n drawBullets(); // Draw and move bullets\r\n checkGameOver(); // Check if the tank is hit by an enemy\r\n checkWin(); // Check if the tank crosses the finish line\r\n}\r\n\r\nfunction createWalls() {\r\n // Define the walls with their positions and dimensions\r\n walls.push({ x: 100, y: 100, w: 600, h: 20 }); // Horizontal wall\r\n walls.push({ x: 100, y: 400, w: 600, h: 20 }); // Another horizontal wall\r\n walls.push({ x: 100, y: 100, w: 20, h: 300 }); // Vertical wall\r\n walls.push({ x: 680, y: 100, w: 20, h: 300 }); // Another vertical wall\r\n}\r\n\r\nfunction drawWalls() {\r\n fill(0); // Set the color of the walls to black\r\n for (let wall of walls) {\r\n rect(wall.x, wall.y, wall.w, wall.h); // Draw each wall\r\n }\r\n}\r\n\r\nfunction moveTank() {\r\n let newTankPos = createVector(tank.x, tank.y); // Create a new vector to test movement\r\n\r\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A' key\r\n newTankPos.x -= speed;\r\n }\r\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D' key\r\n newTankPos.x += speed;\r\n }\r\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W' key\r\n newTankPos.y -= speed;\r\n }\r\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S' key\r\n newTankPos.y += speed;\r\n }\r\n\r\n // Check for collisions with the walls\r\n if (!isCollidingWithWalls(newTankPos)) {\r\n tank = newTankPos; // Move the tank if there is no collision\r\n }\r\n}\r\n\r\nfunction isCollidingWithWalls(position) {\r\n for (let wall of walls) {\r\n if (\r\n position.x + 25 > wall.x &&\r\n position.x - 25 < wall.x + wall.w &&\r\n position.y + 25 > wall.y &&\r\n position.y - 25 < wall.y + wall.h\r\n ) {\r\n return true; // Collision detected\r\n }\r\n }\r\n return false; // No collision\r\n}// script.js\r\n\r\n\r\n\r\nfunction setup() {\r\n createCanvas(800, 600);\r\n tank = createVector(width / 2, height / 2); // Center the tank\r\n spawnEnemies(); // Spawn initial enemies\r\n createWalls(); // Create walls\r\n}\r\n\r\nfunction draw() {\r\n background(220);\r\n drawFinishLine(); // Draw the finish line\r\n imageMode(CENTER);\r\n image(tankImage, tank.x, tank.y, 50, 50); // Draw the tank image\r\n\r\n drawWalls(); // Draw the walls\r\n moveTank(); // Call the function to move the tank\r\n drawEnemies(); // Draw and move enemies\r\n drawBullets(); // Draw and move bullets\r\n checkGameOver(); // Check if the tank is hit by an enemy\r\n checkWin(); // Check if the tank crosses the finish line\r\n}\r\n\r\nfunction createWalls() {\r\n // Define the walls with their positions and dimensions\r\n walls.push({ x: 100, y: 100, w: 600, h: 20 }); // Horizontal wall\r\n walls.push({ x: 100, y: 400, w: 600, h: 20 }); // Another horizontal wall\r\n walls.push({ x: 100, y: 100, w: 20, h: 300 }); // Vertical wall\r\n walls.push({ x: 680, y: 100, w: 20, h: 300 }); // Another vertical wall\r\n}\r\n\r\nfunction drawWalls() {\r\n fill(0); // Set the color of the walls to black\r\n for (let wall of walls) {\r\n rect(wall.x, wall.y, wall.w, wall.h); // Draw each wall\r\n }\r\n}\r\n\r\nfunction moveTank() {\r\n let newTankPos = createVector(tank.x, tank.y); // Create a new vector to test movement\r\n\r\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A' key\r\n newTankPos.x -= speed;\r\n }\r\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D' key\r\n newTankPos.x += speed;\r\n }\r\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W' key\r\n newTankPos.y -= speed;\r\n }\r\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S' key\r\n newTankPos.y += speed;\r\n }\r\n\r\n // Check for collisions with the walls\r\n if (!isCollidingWithWalls(newTankPos)) {\r\n tank = newTankPos; // Move the tank if there is no collision\r\n }\r\n}\r\n\r\nfunction isCollidingWithWalls(position) {\r\n for (let wall of walls) {\r\n if (\r\n position.x + 25 > wall.x &&\r\n position.x - 25 < wall.x + wall.w &&\r\n position.y + 25 > wall.y &&\r\n position.y - 25 < wall.y + wall.h\r\n ) {\r\n return true; // Collision detected\r\n }\r\n }\r\n return false; // No collision\r\n}// Remove the walls array\r\n// let walls = []; \r\n\r\n// Remove the createWalls function\r\n// function createWalls() {\r\n// walls.push({ x: 100, y: 100, w: 600, h: 20 });\r\n// walls.push({ x: 100, y: 400, w: 600, h: 20 });\r\n// walls.push({ x: 100, y: 100, w: 20, h: 300 });\r\n// walls.push({ x: 680, y: 100, w: 20, h: 300 });\r\n// }\r\n\r\n// Remove the drawWalls function\r\n// function drawWalls() {\r\n// fill(0);\r\n// for (let wall of walls) {\r\n// rect(wall.x, wall.y, wall.w, wall.h);\r\n// }\r\n// }function setup() {\r\n createCanvas(800, 600);\r\n tank = createVector(width / 2, height / 2); // Center the tank\r\n spawnEnemies(); // Spawn initial enemies\r\n{}function draw() {\r\n background(220);\r\n drawFinishLine(); // Draw the finish line\r\n imageMode(CENTER);\r\n image(tankImage, tank.x, tank.y, 50, 50); // Draw the tank image\r\n\r\n moveTank(); // Call the function to move the tank\r\n drawEnemies(); // Draw and move enemies\r\n drawBullets(); // Draw and move bullets\r\n checkGameOver(); // Check if the tank is hit by an enemy\r\n checkWin(); // Check if the tank crosses the finish line\r\n}","style.css":"","index.html":"\r\n\r\n\r\n\r\n Tank Defense: House Protector\r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n\r\n\r\n"},"chat_history":[{"message":"hi","project_id":2303,"created_at":"2024-07-30T17:13:02.303660Z","output_tokens":null,"sender":"human","code_id":126167,"deleted":0,"input_tokens":null,"id":61666},{"message":"Hello! 😊 How can I assist you with your tank defense game? Are there any features you'd like to add or any issues you're facing with the current code?","project_id":2303,"created_at":"2024-07-30T17:13:02.313238Z","output_tokens":null,"sender":"ai","code_id":126167,"deleted":0,"input_tokens":null,"id":61667},{"message":"geit rid of the waal","project_id":2303,"created_at":"2024-08-05T19:21:02.156526Z","output_tokens":null,"sender":"human","code_id":128201,"deleted":0,"input_tokens":null,"id":62682},{"message":"Got it! Let's remove the wall functionality from the game.\n\nHere are the steps:\n1. Remove the `walls` array.\n2. Remove the `createWalls` and `drawWalls` functions.\n3. Update the `setup` and `draw` functions to exclude calls to wall-related functions.\n4. Update the `moveTank` function to remove wall collision checks.\n\nLet's go ahead and apply these changes.\n\nFirst, remove the `walls` array and the `createWalls` and `drawWalls` functions:\n\n```javascript\n// Remove the walls array\n// let walls = []; \n\n// Remove the createWalls function\n// function createWalls() {\n// walls.push({ x: 100, y: 100, w: 600, h: 20 });\n// walls.push({ x: 100, y: 400, w: 600, h: 20 });\n// walls.push({ x: 100, y: 100, w: 20, h: 300 });\n// walls.push({ x: 680, y: 100, w: 20, h: 300 });\n// }\n\n// Remove the drawWalls function\n// function drawWalls() {\n// fill(0);\n// for (let wall of walls) {\n// rect(wall.x, wall.y, wall.w, wall.h);\n// }\n// }\n```\n\nNext, update the `setup` function to exclude the call to `createWalls`:\n\n```javascript\nfunction setup() {\n createCanvas(800, 600);\n tank = createVector(width / 2, height / 2); // Center the tank\n spawnEnemies(); // Spawn initial enemies\n}\n```\n\nUpdate the `draw` function to exclude the call to `drawWalls`:\n\n```javascript\nfunction draw() {\n background(220);\n drawFinishLine(); // Draw the finish line\n imageMode(CENTER);\n image(tankImage, tank.x, tank.y, 50, 50); // Draw the tank image\n\n moveTank(); // Call the function to move the tank\n drawEnemies(); // Draw and move enemies\n drawBullets(); // Draw and move bullets\n checkGameOver(); // Check if the tank is hit by an enemy\n checkWin(); // Check if the tank crosses the finish line\n}\n```\n\nFinally, update the `moveTank` function to remove wall collision checks:\n\n```javascript\nfunction moveTank() {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) { // Left arrow or 'A' key\n tank.x -= speed;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // Right arrow or 'D' key\n tank.x += speed;\n }\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // Up arrow or 'W' key\n tank.y -= speed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // Down arrow or 'S' key\n tank.y += speed;\n }\n}\n```\n\nPlease replace the existing code with the updated code provided. Once done, try running your project again and let me know if everything works as expected! 😊","project_id":2303,"created_at":"2024-08-05T19:21:02.163303Z","output_tokens":null,"sender":"ai","code_id":128201,"deleted":0,"input_tokens":null,"id":62683}],"assets":[{"project_id":2303,"creator":null,"cloudinary_id":"hmovxrnfspomn2vafnhq","deleted":false,"id":14787,"created_at":"2024-07-16T17:49:01.425542Z","name":"tank1","resource_type":"image","tags":null}],"messages_sent":14,"comments":[],"steps":[]}