Wild Adventure Quest: Top-Down Expedition

{"name":"Wild Adventure Quest: Top-Down Expedition","description":"Embark on an epic single-player adventure in a top-down world full of challenges and surprises. Explore, collect resources, battle opponents, and aim for the highest score in this Wild Adventure Quest: Top-Down Expedition!","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-01-02T21:13:26.409486Z","updated_at":"2024-01-02T21:13:26.409489Z","user_id":5,"status":"PUBLIC","parent_id":99,"id":251,"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 powerUps = [];\nlet enemies = [];\nlet player;\nlet playerImg;\nlet enemyImg;\nlet bullets = [];\nlet crosshairImg;\n\nfunction preload() {\n playerImg = loadImage('@asset(\"player\")');\n enemyImg = loadImage('@asset(\"zombie1\")');\n crosshairImg = loadImage('@asset(\"crosshair\")'); // Replace \"crosshair\" with the name of your crosshair image\n}\n\nfunction setup() {\n createCanvas(800, 600);\n cursor(crosshairImg, crosshairImg.width / 2, crosshairImg.height / 2); // Set the crosshair image as the cursor\n player = new Player(width / 2, height / 2);\n for (let i = 0; i < 10; i++) {\n let x = random(width);\n let y = random([0, height]); // Only 0 or height\n if (random() < 0.5) {\n // Swap x and y\n [x, y] = [y, x];\n }\n let type = random(['speed', 'shield', 'multishot', 'rocketlauncher']);\n powerUps.push(new PowerUp(x, y, type));\n enemies.push(new Enemy(x, y));\n }\n}\n\nfunction draw() {\n background(220);\n for (let i = powerUps.length - 1; i >= 0; i--) {\n powerUps[i].draw();\n if (player.collectPowerUp(powerUps[i])) {\n powerUps.splice(i, 1);\n }\n }\n \n for (let enemy of enemies) {\n enemy.move();\n if (enemy.hits(player)) {\n noLoop(); // Stop the game loop\n console.log('Game over'); // Log 'Game over' to the console\n return;\n }\n enemy.draw();\n }\n player.move();\n player.draw();\n\nfor (let i = bullets.length - 1; i >= 0; i--) {\n let hitEnemy = false;\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n let enemyX = enemies[j].x;\n let enemyY = enemies[j].y;\n bullets.splice(i, 1);\n spawnEnemies(enemyX, enemyY);\n enemies.splice(j, 1);\n hitEnemy = true;\n break;\n }\n }\n if (hitEnemy) continue;\n bullets[i].move();\n bullets[i].draw();\n}\n\n}\nfunction mouseClicked() {\n player.shoot();\n}\nclass Player {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 30;\n this.speed = 2;\n this.shield = false;\n this.multishot = false;\n }\n\n draw() {\n image(playerImg, this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);\n }\n\n move() {\n if (keyIsDown(87)) { // W key\n this.y -= this.speed;\n }\n if (keyIsDown(83)) { // S key\n this.y += this.speed;\n }\n if (keyIsDown(65)) { // A key\n this.x -= this.speed;\n }\n if (keyIsDown(68)) { // D key\n this.x += this.speed;\n }\n }\n\n collectPowerUp(powerUp) {\n let d = dist(this.x, this.y, powerUp.x, powerUp.y);\n if (d < this.size / 2 + powerUp.size / 2) {\n if (powerUp.type === 'speed') {\n this.speed += 2;\n } else if (powerUp.type === 'shield') {\n this.shield = true;\n console.log('Shield activated');\n } else if (powerUp.type === 'multishot') {\n this.multishot = true;\n console.log('Multishot activated');\n } else if (powerUp.type === 'rocketlauncher') {\n this.weapon = 'rocketlauncher';\n console.log('Rocket Launcher activated');\n }\n return true;\n }\n return false;\n }\n // This is the missing closing bracket\n shoot() {\n let dx = mouseX - this.x;\n let dy = mouseY - this.y;\n let dist = Math.sqrt(dx * dx + dy * dy);\n if (this.weapon === 'splitblaster') {\n bullets.push(new Bullet(this.x, this.y, dx / dist, dy / dist + 0.1));\n bullets.push(new Bullet(this.x, this.y, dx / dist, dy / dist));\n bullets.push(new Bullet(this.x, this.y, dx / dist, dy / dist - 0.1));\n } else if (this.weapon === 'rocketlauncher') {\n bullets.push(new Rocket(this.x, this.y, dx / dist, dy / dist));\n } else {\n bullets.push(new Bullet(this.x, this.y, dx / dist, dy / dist));\n }\n }\n}\n\nclass PowerUp {\n constructor(x, y, type) {\n this.x = x;\n this.y = y;\n this.size = 20;\n this.type = type;\n }\n\n draw() {\n if (this.type === 'speed') {\n fill(255, 0, 0); // red\n } else if (this.type === 'shield') {\n fill(0, 0, 255); // blue\n } else if (this.type === 'multishot') {\n fill(0, 255, 0); // green\n } else if (this.type === 'rocketlauncher') {\n fill(0); // black\n }\n ellipse(this.x, this.y, this.size);\n }\n}\nclass Enemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 30;\n this.speed = 0.5; // Adjust speed here\n }\n\n draw() {\n image(enemyImg, this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);\n }\n\n move() {\n let dx = player.x - this.x;\n let dy = player.y - this.y;\n let dist = Math.sqrt(dx * dx + dy * dy);\n this.x += dx / dist * this.speed;\n this.y += dy / dist * this.speed;\n }\n\n hits(player) {\n let d = dist(this.x, this.y, player.x, player.y);\n return (d < this.size / 2 + player.size / 2);\n }\n \n dropWeapon() {\n if (random() < 0.2) { // 20% chance to drop a weapon\n let type = random(['splitblaster', 'rocketlauncher']);\n weapons.push(new Weapon(this.x, this.y, type));\n }\n }\n}\n\nclass Bullet {\n constructor(x, y, dx, dy) {\n this.x = x;\n this.y = y;\n this.dx = dx;\n this.dy = dy;\n this.size = 10;\n this.speed = 5;\n }\n\n draw() {\n fill(0); // Black color\n ellipse(this.x, this.y, this.size);\n }\n\n move() {\n this.x += this.dx * this.speed;\n this.y += this.dy * this.speed;\n }\n\n hits(enemy) {\n let d = dist(this.x, this.y, enemy.x, enemy.y);\n return (d < this.size / 2 + enemy.size / 2);\n }\n}\nclass Rocket extends Bullet {\n constructor(x, y, dx, dy) {\n super(x, y, dx, dy);\n this.speed = 3;\n }\n\n hits(enemy) {\n let d = dist(this.x, this.y, enemy.x, enemy.y);\n if (d < this.size / 2 + enemy.size / 2) {\n this.explode();\n return true;\n }\n return false;\n }\n\n explode() {\n for (let enemy of enemies) {\n let d = dist(this.x, this.y, enemy.x, enemy.y);\n if (d < 50) { // Explosion radius\n let index = enemies.indexOf(enemy);\n if (index > -1) {\n enemies.splice(index, 1);\n }\n }\n }\n }\n}\nfunction spawnEnemies() {\n // Choose a random edge of the screen (0: top, 1: right, 2: bottom, 3: left)\n let edge = floor(random(4));\n let x, y;\n\n if (edge === 0) {\n // Top edge\n x = random(width);\n y = 0;\n } else if (edge === 1) {\n // Right edge\n x = width;\n y = random(height);\n } else if (edge === 2) {\n // Bottom edge\n x = random(width);\n y = height;\n } else {\n // Left edge\n x = 0;\n y = random(height);\n }\n\n if (random() < 0.1) {\n // 10% chance to spawn 3 enemies\n for (let i = 0; i < 3; i++) {\n enemies.push(new Enemy(x + random(-50, 50), y + random(-50, 50)));\n }\n } else {\n enemies.push(new Enemy(x, y));\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Wild Adventure Quest: Top-Down Expedition\n \n \n\n\n\n \n\n\n"},"chat_history":[{"project_id":251,"sender":"human","message":"ERROR Uncaught TypeError: Cannot read properties of undefined (reading 'x') at 59:41 in script.js","deleted":0,"created_at":"2024-01-02T21:38:24.698791Z","output_tokens":null,"code_id":14726,"input_tokens":null,"id":9269},{"project_id":251,"sender":"ai","message":"The error message indicates that there is an attempt to access property 'x' of undefined at line 59:41 in script.js. This usually means that an object you are trying to access doesn't exist or hasn't been defined yet.\n\nLooking at the line 59 in script.js, the error seems to be happening in this block of code:\n\n```javascript\nfor (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].move();\n bullets[i].draw();\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n bullets.splice(i, 1);\n spawnEnemies(enemies[j].x, enemies[j].y);\n enemies.splice(j, 1);\n break;\n }\n }\n}\n```\nThe error is probably happening because the bullet instance `bullets[i]` is being removed from the array with `bullets.splice(i, 1);` while still inside the loop. When the loop continues to the next iteration, it tries to access a bullet that has been removed, hence the undefined error.\n\nTo fix this, we can modify the above loop to break out of it as soon as a bullet hits an enemy and is removed. Here is the updated code:\n\n```javascript\nfor (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].move();\n bullets[i].draw();\n let hitEnemy = false;\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n bullets.splice(i, 1);\n spawnEnemies(enemies[j].x, enemies[j].y);\n enemies.splice(j, 1);\n hitEnemy = true;\n break;\n }\n }\n if (hitEnemy) break;\n}\n```\n- The outer loop iterates through each bullet in the `bullets` array from the end to the start.\n- The inner loop iterates through each enemy in the `enemies` array from the end to the start.\n- If a bullet hits an enemy, the bullet and enemy are removed from their respective arrays, a new enemy is spawned at the location of the removed enemy, and the `hitEnemy` flag is set to `true`.\n- If a bullet has hit an enemy, the outer loop is immediately exited to prevent further access to the removed bullet.","deleted":0,"created_at":"2024-01-02T21:38:24.704821Z","output_tokens":null,"code_id":14726,"input_tokens":null,"id":9270},{"project_id":251,"sender":"human","message":"ERROR Uncaught TypeError: Cannot read properties of undefined (reading 'x') at 60:37 in script.js","deleted":0,"created_at":"2024-01-02T21:39:54.868571Z","output_tokens":null,"code_id":14738,"input_tokens":null,"id":9275},{"project_id":251,"sender":"ai","message":"The error message suggests that there's an attempt to access a property 'x' of undefined at line 60:37 in script.js. This often means the object you're trying to access doesn't exist or hasn't been defined yet.\n\nLooking at line 60 in script.js, the error appears to be happening in this block of code:\n\n```javascript\nfor (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].move();\n bullets[i].draw();\n let hitEnemy = false;\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n bullets.splice(i, 1);\n spawnEnemies(enemies[j].x, enemies[j].y);\n enemies.splice(j, 1);\n hitEnemy = true;\n break;\n }\n }\n if (hitEnemy) break;\n}\n```\n\nThe error is likely happening because the bullet instance `bullets[i]` is being removed from the array with `bullets.splice(i, 1);` while still inside the loop. When the loop continues to the next iteration, it tries to access a bullet that has been removed, hence the undefined error.\n\nTo fix this, we can modify the above loop to continue to the next iteration of the outer loop as soon as a bullet hits an enemy and is removed. Here is the updated code:\n\n```javascript\nfor (let i = bullets.length - 1; i >= 0; i--) {\n let hitEnemy = false;\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n bullets.splice(i, 1);\n spawnEnemies(enemies[j].x, enemies[j].y);\n enemies.splice(j, 1);\n hitEnemy = true;\n break;\n }\n }\n if (hitEnemy) continue;\n bullets[i].move();\n bullets[i].draw();\n}\n```\n- The outer loop iterates through each bullet in the `bullets` array from the end to the start.\n- The inner loop iterates through each enemy in the `enemies` array from the end to the start.\n- If a bullet hits an enemy, the bullet and enemy are removed from their respective arrays, a new enemy is spawned at the location of the removed enemy, and the `hitEnemy` flag is set to `true`.\n- If a bullet has hit an enemy, the loop continues to the next iteration immediately, preventing further access to the removed bullet.\n- If a bullet has not hit an enemy, it is moved and drawn as usual.","deleted":0,"created_at":"2024-01-02T21:39:54.879422Z","output_tokens":null,"code_id":14738,"input_tokens":null,"id":9276},{"project_id":251,"sender":"human","message":"ERROR Uncaught TypeError: Cannot read properties of undefined (reading 'x') at 58:37 in script.js","deleted":0,"created_at":"2024-01-02T21:41:23.924212Z","output_tokens":null,"code_id":14750,"input_tokens":null,"id":9289},{"project_id":251,"sender":"ai","message":"The error message indicates that there is an attempt to access property 'x' of undefined at line 58:37 in script.js. This usually means that an object you are trying to access doesn't exist or hasn't been defined yet.\n\nThe code at line 58:37 seems to be this line:\n\n```javascript\nspawnEnemies(enemies[j].x, enemies[j].y);\n```\n\nThis line is trying to pass the x and y coordinates of the enemy to the `spawnEnemies` function. The error occurs because you are trying to access the x property of an enemy that has been removed from the `enemies` array.\n\nTo fix this, you should store the enemy's position before removing it:\n\n```javascript\nfor (let i = bullets.length - 1; i >= 0; i--) {\n let hitEnemy = false;\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (bullets[i].hits(enemies[j])) {\n let enemyX = enemies[j].x;\n let enemyY = enemies[j].y;\n bullets.splice(i, 1);\n spawnEnemies(enemyX, enemyY);\n enemies.splice(j, 1);\n hitEnemy = true;\n break;\n }\n }\n if (hitEnemy) continue;\n bullets[i].move();\n bullets[i].draw();\n}\n```\n- The outer loop iterates through each bullet in the `bullets` array from the end to the start.\n- The inner loop iterates through each enemy in the `enemies` array from the end to the start.\n- If a bullet hits an enemy, the enemy's position is stored in `enemyX` and `enemyY`, the bullet and enemy are removed from their respective arrays, and a new enemy is spawned at the location of the removed enemy.\n- The `hitEnemy` flag is set to `true`, causing the outer loop to skip to the next iteration and prevent further access to the removed bullet.\n- If a bullet has not hit an enemy, it is moved and drawn as usual.","deleted":0,"created_at":"2024-01-02T21:41:23.931712Z","output_tokens":null,"code_id":14750,"input_tokens":null,"id":9290}],"assets":[{"cloudinary_id":"d3umrz51olxusaiaket0","name":"player","deleted":false,"id":367,"created_at":"2024-01-02T21:13:26.420008Z","project_id":251,"resource_type":"image"},{"cloudinary_id":"uufwyui8blqw3hpe9ffn","name":"zombie1","deleted":false,"id":366,"created_at":"2024-01-02T21:13:26.418555Z","project_id":251,"resource_type":"image"},{"cloudinary_id":"tmuo7nug20nifpudgsoi","name":"crosshair","deleted":false,"id":365,"created_at":"2024-01-02T21:13:26.417170Z","project_id":251,"resource_type":"image"}],"messages_sent":16,"comments":[],"steps":[{"instruction":"Change the camera angle to provide a top-down view of the game world.","title":"Adjust Camera Angle","created_at":"2023-12-19T19:25:30.118203","project_id":251,"complete":false,"step_number":0,"updated_at":"2024-01-02T21:13:26.412855","id":1659},{"instruction":"Render the game objects, including the map, player character, opponents, and resources, from a top-down perspective using appropriate sprites or graphics.","title":"Render Game Objects","created_at":"2023-12-19T19:25:30.118330","project_id":251,"complete":false,"step_number":1,"updated_at":"2024-01-02T21:13:26.412945","id":1660},{"instruction":"Generate a randomly generated map with different types of terrain, such as grass, trees, water, etc. Implement collision detection so that players cannot move through obstacles.","title":"Map and Terrain","created_at":"2023-12-19T19:25:30.118415","project_id":251,"complete":false,"step_number":2,"updated_at":"2024-01-02T21:13:26.413010","id":1661},{"instruction":"Create a player character that can move around the map using keyboard controls. Implement a health system for the player that decreases when attacked by opponents or hazards. Add a score system to keep track of the player's progress.","title":"Player Character","created_at":"2023-12-19T19:25:30.118502","project_id":251,"complete":false,"step_number":3,"updated_at":"2024-01-02T21:13:26.413056","id":1662},{"instruction":"Place resources randomly on the map, such as food or power-ups. Allow the player to collect these resources by moving over them and increase their score or health.","title":"Resources and Collectibles","created_at":"2023-12-19T19:25:30.118584","project_id":251,"complete":false,"step_number":4,"updated_at":"2024-01-02T21:13:26.413098","id":1663},{"instruction":"Add AI-controlled opponents that move around the map and attack the player. Implement a combat system where players can attack opponents using different weapons.","title":"Opponents and Combat","created_at":"2023-12-19T19:25:30.118663","project_id":251,"complete":false,"step_number":5,"updated_at":"2024-01-02T21:13:26.413138","id":1664}]}