Whacky 3D Shooter Mania

{"name":"Whacky 3D Shooter Mania","description":"Embark on a wild 3D shooting spree filled with quirky enemies, powerful weapons, and fast-paced action. Can you survive the mayhem and conquer each level in this whacky 3D shooter adventure?","photo":null,"view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-05-08T22:29:11.346846Z","updated_at":"2024-05-08T22:29:11.346848Z","user_id":59,"status":"PUBLIC","parent_id":1295,"id":1365,"user":{"username":"nebwinters2","id":59,"password_hash":null,"updated_at":"2024-02-23T23:46:05.409493Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"0c343b5d-70ad-030a-89d2-b1f54b6318ff","created_at":"2024-02-23T23:46:05.409490Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let playerPosition;\nlet playerForward;\nlet playerRight;\nlet playerUp;\nlet playerRotationY;\nlet moveSpeed = 5;\nlet GRAVITY = 0.3;\nlet JUMP_FORCE = -12;\nlet playerVelocityY = 0;\nlet isPlayerOnGround = true;\nlet turnSpeed = Math.PI / 60;\nlet bullets = [];\nlet groundTexture, skyboxTexture;\nclass Bullet {\n constructor(position, forward) {\n this.position = position.copy();\n this.velocity = p5.Vector.mult(forward, 10); // Adjust the speed as needed\n this.size = 5; // Size of the bullet\n this.isHit = false; // Add this line\n }\n\nupdate() {\n this.position.add(this.velocity);\n // Check collision with enemies\n enemies.forEach((enemy, index) => {\n if (!enemy.isHit && this.checkCollision(enemy)) {\n this.isHit = true; // Mark bullet for removal\n enemy.isHit = true; // Mark enemy as hit\n console.log(\"Enemy hit!\");\n }\n });\n}\n display() {\n push();\n translate(this.position.x, this.position.y, this.position.z);\n fill(255, 0, 0); // Bullet color\n noStroke();\n sphere(this.size); // Render as a small sphere\n pop();\n }\n\n checkCollision(enemy) {\n let distance = p5.Vector.dist(this.position, enemy.position);\n return distance < (this.size / 2 + enemy.size / 2);\n }\n \n}\nclass Enemy {\n constructor(position) {\n this.position = position.copy();\n this.size = 50; // Adjust size as needed\n this.isHit = false; // Flag to check if the enemy has been hit\n }\ndisplay() {\n push();\n translate(this.position.x, this.position.y - 50, this.position.z); // Move down by 50 units\n noStroke();\n texture(targetTexture);\n box(this.size * 1.5, this.size * 3, this.size * 1.5); // Increase size by 1.5 times width/depth and triple the height\n pop();\n}\n checkHit(bullet) {\n let distToEnemy = p5.Vector.dist(this.position, bullet.position);\n if (distToEnemy < this.size / 2 + bullet.size / 2 && !this.isHit) {\n this.isHit = true; // Mark the enemy as hit\n bullet.isHit = true; // Also mark the bullet for removal\n console.log(\"Enemy hit!\");\n }\n }\n}\n\nlet targetTexture;\n\nfunction preload() {\n groundTexture = loadImage(\"@asset('ground')\");\n skyboxTexture = loadImage(\"@asset('skybox')\");\n targetTexture = loadImage(\"@asset('removebg')\"); // Load the target image\n}\n\n\n\nfunction drawGround() {\n push();\n noStroke();\n translate(0, 50, 0); // Adjust ground position if needed\n rotateX(PI / 2);\n texture(groundTexture);\n plane(5000, 5000); // Adjust size as needed\n pop();\n}\nfunction drawSkybox() {\n push();\n // Move the skybox center to the camera/player position\n translate(playerPosition.x, playerPosition.y, playerPosition.z);\n fill(255); // Skybox texture will cover this fill color\n noStroke();\n texture(skyboxTexture);\n box(5000); // Size of the skybox, adjust as needed\n pop();\n}\nlet enemies = [];\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight, WEBGL);\n \n // Now we can safely use createVector\n playerPosition = createVector(0, -25, 0); // Adjust the player's initial Y position if necessary\n playerForward = createVector(0, 0, -1);\n playerRight = createVector(1, 0, 0);\n playerUp = createVector(0, 1, 0);\n playerRotationY = 0;\n \n enemies.push(new Enemy(createVector(100, -25, -300)));\n enemies.push(new Enemy(createVector(-100, -25, -400)));\n}\nfunction mousePressed() {\n // Create a new bullet at the player's position and add it to the bullets array\n let bullet = new Bullet(playerPosition, playerForward);\n bullets.push(bullet);\n}\nfunction handlePlayerInput() {\n if (keyIsDown(87)) { // W\n playerPosition.add(p5.Vector.mult(playerForward, moveSpeed));\n }\n if (keyIsDown(83)) { // S\n playerPosition.sub(p5.Vector.mult(playerForward, moveSpeed));\n }\n if (keyIsDown(65)) { // A\n playerPosition.sub(p5.Vector.mult(playerRight, moveSpeed));\n }\n if (keyIsDown(68)) { // D\n playerPosition.add(p5.Vector.mult(playerRight, moveSpeed));\n }\n\n // Adjusting rotation based on arrow keys\n if (keyIsDown(LEFT_ARROW)) {\n playerRotationY -= turnSpeed;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n playerRotationY += turnSpeed;\n }\n\n // Update direction vectors based on rotation\n playerForward.set(sin(playerRotationY), 0, -cos(playerRotationY));\n playerRight.set(cos(playerRotationY), 0, sin(playerRotationY));\n\n // Jump with space bar\n if (keyIsDown(32) && isPlayerOnGround) { // Space bar\n playerVelocityY += JUMP_FORCE;\n isPlayerOnGround = false;\n }\n}\nfunction updateCamera() {\n let center = p5.Vector.add(playerPosition, playerForward);\n camera(playerPosition.x, playerPosition.y, playerPosition.z, center.x, center.y, center.z, 0, 1, 0);\n}\nfunction draw() {\n background(0);\n handlePlayerInput();\n\n // Apply gravity\n playerVelocityY += GRAVITY;\n playerPosition.y += playerVelocityY;\n \n // Simulate ground collision\n if (playerPosition.y > 0) { // Assuming ground level is at Y = 0\n playerPosition.y = 0;\n playerVelocityY = 0;\n isPlayerOnGround = true;\n }\n\n updateCamera();\n \n drawSkybox();\n drawGround();\n \n // Continue with your game rendering logic here\n for (let i = bullets.length - 1; i >= 0; i--) {\n bullets[i].update();\n bullets[i].display();\n if (bullets[i].isHit) {\n bullets.splice(i, 1);\n }\n }\n\n // Display and manage enemies, remove if hit\n for (let i = enemies.length - 1; i >= 0; i--) {\n if (enemies[i].isHit) {\n enemies.splice(i, 1);\n } else {\n enemies[i].display();\n }\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Whacky 3D Shooter Mania\n \n\n\n\n \n \n\n\n"},"chat_history":[{"code_id":77978,"deleted":0,"input_tokens":null,"id":41299,"project_id":1365,"sender":"human","message":"Let's get started!","created_at":"2024-05-08T22:29:16.051899Z","output_tokens":null},{"code_id":77978,"deleted":0,"input_tokens":null,"id":41300,"project_id":1365,"sender":"ai","message":"To design visually captivating 3D levels filled with quirky obstacles, enemies, and power-ups, let's focus on creating a variety of obstacles and power-ups that will make the gameplay more interesting. We'll start by adding basic obstacle and power-up classes and then integrate them into your game world.\n\n### Step 1: Define Obstacle and Power-Up Classes\n\nFirst, we'll define two new classes: `Obstacle` and `PowerUp`. The `Obstacle` class will be for objects that the player must avoid or destroy, and the `PowerUp` class will be for items that give the player some advantage.\n\n```javascript\nclass Obstacle {\n constructor(position) {\n this.position = position.copy();\n this.size = 30; // This can be adjusted\n }\n\n display() {\n push();\n translate(this.position.x, this.position.y - this.size / 2, this.position.z);\n fill(255, 0, 0); // Red color for visibility\n box(this.size);\n pop();\n }\n}\n\nclass PowerUp {\n constructor(position) {\n this.position = position.copy();\n this.size = 20; // This can be adjusted\n this.collected = false; // Flag to check if the power-up has been collected\n }\n\n display() {\n if (!this.collected) {\n push();\n translate(this.position.x, this.position.y - this.size / 2, this.position.z);\n fill(0, 255, 0); // Green color for visibility\n sphere(this.size / 2);\n pop();\n }\n }\n\n checkCollision(playerPosition) {\n let distance = p5.Vector.dist(this.position, playerPosition);\n if (distance < this.size) {\n this.collected = true;\n console.log(\"Power-Up collected!\");\n // Implement effect of the power-up here\n }\n }\n}\n```\n\n- The `Obstacle` class defines a simple 3D box that acts as an obstacle. The `display` method renders it in the game world.\n- The `PowerUp` class defines a collectible item that, when collected, can provide the player with some form of advantage. Its `checkCollision` method checks for collision with the player to determine if the power-up has been collected.\n- Both classes require a `position` vector to determine their location in the game world. \n\n### Step 2: Integrate Obstacles and Power-Ups into the Game\n\nNow, let's add some obstacles and power-ups into the game setup, and ensure they're displayed and updated correctly within the game loop.\n\n```javascript\nlet obstacles = [];\nlet powerUps = [];\n\nfunction setup() {\n // Previous setup code remains unchanged\n\n // Add obstacles\n obstacles.push(new Obstacle(createVector(200, -25, -300)));\n obstacles.push(new Obstacle(createVector(-200, -25, -400)));\n\n // Add power-ups\n powerUps.push(new PowerUp(createVector(0, -25, -500)));\n}\n```\n\n```javascript\nfunction draw() {\n // Previous draw code remains unchanged\n\n // Display obstacles\n obstacles.forEach(obstacle => {\n obstacle.display();\n });\n\n // Display and manage power-ups\n powerUps.forEach(powerUp => {\n powerUp.display();\n powerUp.checkCollision(playerPosition);\n });\n}\n```\n\n- In the `setup` function, we create instances of `Obstacle` and `PowerUp` with specific positions and add them to their respective arrays.\n- In the `draw` function, we iterate over these arrays to display each obstacle and power-up. Additionally, we check for collisions between the player and each power-up to determine if it has been collected.","created_at":"2024-05-08T22:29:16.081604Z","output_tokens":null}],"assets":[{"project_id":1365,"created_at":"2024-05-08T22:29:11.358228Z","resource_type":"image","id":3848,"cloudinary_id":"cn1xklpbfv4zzrovpu7s","name":"ground","deleted":false},{"project_id":1365,"created_at":"2024-05-08T22:29:11.357156Z","resource_type":"image","id":3847,"cloudinary_id":"ova6djcj3bgsfskuu0n2","name":"skybox","deleted":false},{"project_id":1365,"created_at":"2024-05-08T22:29:11.356062Z","resource_type":"image","id":3846,"cloudinary_id":"roqjr1xfjnk97kbufmyg","name":"enemy","deleted":false},{"project_id":1365,"created_at":"2024-05-08T22:29:11.354795Z","resource_type":"image","id":3845,"cloudinary_id":"nmjnqzzzxttjgrbqnf0p","name":"removebg","deleted":false}],"messages_sent":1,"comments":[],"steps":[{"complete":false,"step_number":0,"updated_at":"2024-05-08T22:29:11.350254","id":7321,"instruction":"Design visually captivating 3D levels filled with quirky obstacles, enemies, and power-ups.","title":"Create visually intense and captivating levels","created_at":"2024-04-29T22:17:24.665729","project_id":1365},{"complete":false,"step_number":1,"updated_at":"2024-05-08T22:29:11.350333","id":7322,"instruction":"Allow smooth and responsive movement controls for the player character in the 3D environment.","title":"Implement player movement controls","created_at":"2024-04-29T22:17:24.665790","project_id":1365},{"complete":false,"step_number":2,"updated_at":"2024-05-08T22:29:11.350380","id":7323,"instruction":"Introduce quirky 3D enemies with unique attack patterns and behaviors to challenge the player.","title":"Introduce quirky 3D enemies","created_at":"2024-04-29T22:17:24.665861","project_id":1365},{"complete":false,"step_number":3,"updated_at":"2024-05-08T22:29:11.350423","id":7324,"instruction":"Include a variety of wacky and powerful 3D weapons for the player to use against enemies.","title":"Add a variety of wacky and powerful 3D weapons","created_at":"2024-04-29T22:17:24.665911","project_id":1365},{"complete":false,"step_number":4,"updated_at":"2024-05-08T22:29:11.350467","id":7325,"instruction":"Implement shooting controls and mechanics for the player character in the 3D environment.","title":"Implement shooting mechanics","created_at":"2024-04-29T22:17:24.665951","project_id":1365},{"complete":false,"step_number":5,"updated_at":"2024-05-08T22:29:11.350510","id":7326,"instruction":"Develop a system for advancing through levels as the player defeats enemies and achieves objectives.","title":"Create level progression","created_at":"2024-04-29T22:17:24.665990","project_id":1365},{"complete":false,"step_number":6,"updated_at":"2024-05-08T22:29:11.350553","id":7327,"instruction":"Track and display the player's score based on enemies defeated and level completion.","title":"Incorporate a scoring system","created_at":"2024-04-29T22:17:24.666029","project_id":1365},{"complete":false,"step_number":7,"updated_at":"2024-05-08T22:29:11.350670","id":7328,"instruction":"Enhance the gameplay experience with fun and immersive sound effects.","title":"Include fun and immersive sound effects","created_at":"2024-04-29T22:17:24.666068","project_id":1365},{"complete":false,"step_number":8,"updated_at":"2024-05-08T22:29:11.350716","id":7329,"instruction":"Introduce quirky power-ups that provide temporary advantages to the player character.","title":"Design quirky power-ups","created_at":"2024-04-29T22:17:24.666107","project_id":1365}]}