Harpoon Hero

{"name":"Harpoon Hero 2","description":"Dive into the depths of the ocean and test your skills as a Harpoon Hero! Can you catch the most elusive sea creatures before time runs out?","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-07-12T17:09:27.396024Z","updated_at":"2024-07-12T17:09:27.396027Z","user_id":5,"status":"PRIVATE","parent_id":2034,"id":2184,"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 submarine;\nlet submarineX = 0; // Initial X position of the submarine\nlet submarineY = 3 * 75; // Initial Y position of the submarine (tile 4 of column 1)\nlet gridSize = 75; // Size of each grid cell\nlet offsetX = 0; // Offset for panning the view\nlet rock; // Rock asset\nlet rocks = []; // Array to store rock positions\nlet health = 1; // Initial health\nconst hitboxPadding = 10; // Increased padding to make the hitbox slightly smaller\nconst moveSpeed = 2; // Reduced movement speed\nconst rockHitboxPadding = 10; // Padding to make the rock hitbox slightly smaller\n\nfunction preload() {\n submarine = loadImage(\"@asset('submarine')\"); // Load the submarine image\n rock = loadImage(\"@avsset('rock')\"); // Load the rock image\n}\n\nfunction setup() {\n createCanvas(1000, 500); // Create a rectangular canvas (1000x500)\n generateRocks(); // Generate initial rocks\n}\n\nfunction draw() {\n background('navy'); // Clear the canvas\n drawGrid(); // Redraw the grid\n moveSubmarine(); // Update submarine position\n\n // Translate the view to follow the submarine\n translate(-offsetX, 0);\n\n // Draw rocks\n for (let i = 0; i < rocks.length; i++) {\n image(rock, rocks[i].x, rocks[i].y, gridSize, gridSize);\n }\n\n image(submarine, submarineX, submarineY, gridSize, gridSize); // Draw the submarine\n\n submarineX += 2; // Move the submarine to the right slower\n offsetX += 1; // Pan the view to the right slower\n\n // Generate new rocks as the submarine moves\n if (submarineX % (gridSize * 4) === 0) { // Slightly reduced rock generation frequency\n generateRocks();\n }\n\n // Remove rocks that are far behind the submarine to optimize performance\n rocks = rocks.filter(rock => rock.x >= submarineX - width);\n\n checkCollisions(); // Check for collisions with rocks\n\n // Draw health points\n push();\n resetMatrix(); // Reset transformations to draw text in original coordinate space\n drawHealth();\n pop();\n\n // Restart the game if health runs out\n if (health <= 0) {\n restartGame();\n }\n}\n\nfunction moveSubmarine() {\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // UP_ARROW or 'W'\n submarineY -= moveSpeed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // DOWN_ARROW or 'S'\n submarineY += moveSpeed;\n }\n\n // Constrain the submarine within the canvas vertically\n submarineY = constrain(submarineY, 0, height - gridSize);\n}\n\nfunction drawGrid() {\n stroke('white'); // Set the stroke color to white\n\n // Draw vertical lines\n for (let x = -offsetX % gridSize; x < width; x += gridSize) {\n line(x, 0, x, height);\n }\n\n // Draw horizontal lines\n for (let y = 0; y < height; y += gridSize) {\n line(0, y, width, y);\n }\n}\n\nfunction generateRocks() {\n let numRocks = 7; // Slightly increased number of rocks to generate each time\n for (let i = 0; i < numRocks; i++) {\n let x = Math.floor(Math.random() * (width / gridSize) + submarineX / gridSize + 20) * gridSize; // Generate rocks further ahead of the submarine\n let y = Math.floor(Math.random() * (height / gridSize)) * gridSize;\n rocks.push({ x: x, y: y });\n }\n}\n\nfunction checkCollisions() {\n for (let i = 0; i < rocks.length; i++) {\n let rockX = rocks[i].x + rockHitboxPadding;\n let rockY = rocks[i].y + rockHitboxPadding;\n let rockSize = gridSize - 2 * rockHitboxPadding;\n\n // Adjusted hitbox with padding\n let submarineLeft = submarineX + hitboxPadding;\n let submarineRight = submarineX + gridSize - hitboxPadding;\n let submarineTop = submarineY + hitboxPadding;\n let submarineBottom = submarineY + gridSize - hitboxPadding;\n\n // Check for collision with right side\n if (submarineRight > rockX && submarineLeft < rockX + rockSize &&\n submarineTop < rockY + rockSize && submarineBottom > rockY) {\n if (submarineRight - 1 === rockX) { // Right side collision\n health--;\n rocks.splice(i, 1); // Remove the rock\n break;\n }\n }\n\n // Check if submarine is below the rock and trying to move up\n if (submarineLeft < rockX + rockSize && submarineRight > rockX &&\n submarineTop === rockY + rockSize && (keyIsDown(UP_ARROW) || keyIsDown(87))) {\n health--;\n rocks.splice(i, 1); // Remove the rock above\n break;\n }\n\n // Check if submarine is above the rock and trying to move down\n if (submarineLeft < rockX + rockSize && submarineRight > rockX &&\n submarineBottom === rockY && (keyIsDown(DOWN_ARROW) || keyIsDown(83))) {\n health--;\n rocks.splice(i, 1); // Remove the rock below\n break;\n }\n }\n}\n\nfunction drawHealth() {\n fill('white'); // Set text color to white\n textSize(20); // Set text size to 20\n text(`${health} Health Remaining`, 10, 30); // Display health points at the top-left corner\n}\n\nfunction restartGame() {\n submarineX = 0;\n submarineY = 3 * gridSize;\n offsetX = 0;\n health = 8; // Reset health to 8\n rocks = [];\n generateRocks();\n}\n\nfunction windowResized() {\n resizeCanvas(1000, 500); // Keep the canvas size fixed when window size changes\n}","style.css":"","index.html":"\n\n\n\n \n \n Harpoon Hero\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"zxlzdjgp9pr5s69hjnss","name":"submarine","deleted":false,"id":12629,"created_at":"2024-07-12T17:09:27.420771Z","project_id":2184,"resource_type":"image"},{"cloudinary_id":"aahlmrgzaxb2terhhne9","name":"rock","deleted":false,"id":12628,"created_at":"2024-07-12T17:09:27.417703Z","project_id":2184,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[{"instruction":"Implement player movement controls using arrow keys or mouse input for aiming and shooting the harpoon.","title":"Set up player controls","created_at":"2024-06-24T14:55:37.931854","project_id":2184,"complete":false,"step_number":0,"updated_at":"2024-07-12T17:09:27.402857","id":10261},{"instruction":"Create the harpoon mechanics to allow the player to aim and shoot at the underwater creatures.","title":"Implement harpoon mechanics","created_at":"2024-06-24T14:55:37.931927","project_id":2184,"complete":false,"step_number":1,"updated_at":"2024-07-12T17:09:27.402972","id":10262},{"instruction":"Incorporate a countdown timer to limit the gameplay duration.","title":"Add time limit feature","created_at":"2024-06-24T14:55:37.931976","project_id":2184,"complete":false,"step_number":2,"updated_at":"2024-07-12T17:09:27.403039","id":10263},{"instruction":"Display a 'game over' screen with a message when the time runs out.","title":"Game over screen","created_at":"2024-06-24T14:55:37.932064","project_id":2184,"complete":false,"step_number":3,"updated_at":"2024-07-12T17:09:27.403102","id":10264},{"instruction":"Implement the movement and spawning of various sea creatures for the player to catch.","title":"Catch underwater creatures","created_at":"2024-06-24T14:55:37.932123","project_id":2184,"complete":false,"step_number":4,"updated_at":"2024-07-12T17:09:27.403171","id":10265},{"instruction":"Track and display the player's score based on the creatures caught within the time limit.","title":"Score tracking","created_at":"2024-06-24T14:55:37.932198","project_id":2184,"complete":false,"step_number":5,"updated_at":"2024-07-12T17:09:27.403257","id":10266},{"instruction":"Provide visual and audio feedback when the player successfully catches an underwater creature.","title":"Visual feedback for successful catches","created_at":"2024-06-24T14:55:37.932257","project_id":2184,"complete":false,"step_number":6,"updated_at":"2024-07-12T17:09:27.403319","id":10267},{"instruction":"Ensure the game interface adapts to different screen sizes for an optimal gaming experience.","title":"Responsive UI design","created_at":"2024-06-24T14:55:37.932308","project_id":2184,"complete":false,"step_number":7,"updated_at":"2024-07-12T17:09:27.403388","id":10268}]}