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":24,"fork_count":3,"expires_at":null,"created_at":"2024-04-29T22:17:24.659475Z","updated_at":"2024-04-29T22:17:24.659476Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":1295,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","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":[{"deleted":0,"code_id":76837,"input_tokens":null,"id":40835,"project_id":1295,"sender":"human","message":"move this down a bit do only one side and size it up display() {\n push();\n translate(this.position.x, this.position.y, this.position.z);\n noStroke();\n texture(targetTexture);\n box(this.size, this.size, this.size); // Assumes size is a uniform dimension for simplicity\n pop();\n}","created_at":"2024-05-06T23:02:49.770799Z","output_tokens":null},{"deleted":0,"code_id":76837,"input_tokens":null,"id":40836,"project_id":1295,"sender":"ai","message":"```javascript\ndisplay() {\n push();\n translate(this.position.x, this.position.y - 25, this.position.z); // Move down by 25 units\n noStroke();\n texture(targetTexture);\n box(this.size, this.size * 2, this.size); // Double the height\n pop();\n}\n```\n\n- The `translate` function now moves the enemy down by 25 units on the y-axis to adjust its vertical position.\n- The `box` function's second parameter (height) is doubled, increasing the size of the enemy in the vertical dimension.\n- The rest of the `display` function remains unchanged, maintaining the texture and no stroke settings.","created_at":"2024-05-06T23:02:49.776925Z","output_tokens":null},{"deleted":0,"code_id":76839,"input_tokens":null,"id":40837,"project_id":1295,"sender":"human","message":"make it bigger","created_at":"2024-05-06T23:03:41.863324Z","output_tokens":null},{"deleted":0,"code_id":76839,"input_tokens":null,"id":40838,"project_id":1295,"sender":"ai","message":"```javascript\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```\n\n- Adjusts the vertical position further by moving the object down an additional 25 units (totaling 50 units) to ensure it visually fits after being resized.\n- Increases the enemy's width and depth by 1.5 times and triples its height to make it significantly larger and more imposing.\n- These changes aim to make the enemy more visually prominent and challenging in the game environment.","created_at":"2024-05-06T23:03:41.870528Z","output_tokens":null}],"assets":[{"name":"removebg","cloudinary_id":"nmjnqzzzxttjgrbqnf0p","deleted":false,"project_id":1295,"created_at":"2024-04-29T22:58:23.764992Z","resource_type":"image","id":3555},{"name":"enemy","cloudinary_id":"roqjr1xfjnk97kbufmyg","deleted":false,"project_id":1295,"created_at":"2024-04-29T22:56:21.250929Z","resource_type":"image","id":3554},{"name":"skybox","cloudinary_id":"ova6djcj3bgsfskuu0n2","deleted":false,"project_id":1295,"created_at":"2024-04-29T22:21:25.784781Z","resource_type":"image","id":3553},{"name":"ground","cloudinary_id":"cn1xklpbfv4zzrovpu7s","deleted":false,"project_id":1295,"created_at":"2024-04-29T22:18:45.319030Z","resource_type":"image","id":3552}],"messages_sent":76,"comments":[],"steps":[{"title":"Create visually intense and captivating levels","step_number":0,"complete":false,"updated_at":"2024-04-29T22:17:24.665731","id":6872,"instruction":"Design visually captivating 3D levels filled with quirky obstacles, enemies, and power-ups.","created_at":"2024-04-29T22:17:24.665729","project_id":1295},{"title":"Implement player movement controls","step_number":1,"complete":false,"updated_at":"2024-04-29T22:17:24.665790","id":6873,"instruction":"Allow smooth and responsive movement controls for the player character in the 3D environment.","created_at":"2024-04-29T22:17:24.665790","project_id":1295},{"title":"Introduce quirky 3D enemies","step_number":2,"complete":false,"updated_at":"2024-04-29T22:17:24.665863","id":6874,"instruction":"Introduce quirky 3D enemies with unique attack patterns and behaviors to challenge the player.","created_at":"2024-04-29T22:17:24.665861","project_id":1295},{"title":"Add a variety of wacky and powerful 3D weapons","step_number":3,"complete":false,"updated_at":"2024-04-29T22:17:24.665912","id":6875,"instruction":"Include a variety of wacky and powerful 3D weapons for the player to use against enemies.","created_at":"2024-04-29T22:17:24.665911","project_id":1295},{"title":"Implement shooting mechanics","step_number":4,"complete":false,"updated_at":"2024-04-29T22:17:24.665952","id":6876,"instruction":"Implement shooting controls and mechanics for the player character in the 3D environment.","created_at":"2024-04-29T22:17:24.665951","project_id":1295},{"title":"Create level progression","step_number":5,"complete":false,"updated_at":"2024-04-29T22:17:24.665991","id":6877,"instruction":"Develop a system for advancing through levels as the player defeats enemies and achieves objectives.","created_at":"2024-04-29T22:17:24.665990","project_id":1295},{"title":"Incorporate a scoring system","step_number":6,"complete":false,"updated_at":"2024-04-29T22:17:24.666030","id":6878,"instruction":"Track and display the player's score based on enemies defeated and level completion.","created_at":"2024-04-29T22:17:24.666029","project_id":1295},{"title":"Include fun and immersive sound effects","step_number":7,"complete":false,"updated_at":"2024-04-29T22:17:24.666069","id":6879,"instruction":"Enhance the gameplay experience with fun and immersive sound effects.","created_at":"2024-04-29T22:17:24.666068","project_id":1295},{"title":"Design quirky power-ups","step_number":8,"complete":false,"updated_at":"2024-04-29T22:17:24.666108","id":6880,"instruction":"Introduce quirky power-ups that provide temporary advantages to the player character.","created_at":"2024-04-29T22:17:24.666107","project_id":1295}]}