Harpoon Hero

{"name":"Submarine Adventure","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":"https://res.cloudinary.com/dzv7hjwfn/image/upload/s2tj18ldnv3j3oaf4aoa","view_count":14,"fork_count":1,"expires_at":null,"created_at":"2024-08-25T23:14:27.232561Z","updated_at":"2024-08-26T01:04:52.354435Z","user_id":8,"status":"PUBLIC","parent_id":2963,"id":3036,"user":{"photo":null,"email":null,"recess_id":"3f5f8324-2a21-d8d3-2d39-c7ba5cf76110","created_at":"2023-12-12T14:12:57.257630Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"baian","id":8,"password_hash":null,"updated_at":"2023-12-12T14:12:57.257633Z","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)\nconst 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 = 8; // Initial health\nconst hitboxPadding = 10; // Increased padding to make the hitbox slightly smaller\nconst moveSpeed = 2.5; // Reduced movement speed\nconst rockHitboxPadding = 10; // Padding to make the rock hitbox slightly smaller\nconst speedFactor = 2; // Speed factor for accelerating and decelerating\nlet forwardSpeed = 1; // Initial forward speed\nlet gameState = 'start'; // Possible states: 'start', 'mission', 'play'\nlet minerals = []; // Array to store mineral positions\nlet mineralsCollected = 0; // Counter for collected minerals\nlet backgroundLayers = [];\nlet layerSpeeds = [0.2, 0.5, 0.8, 1]; // Different speeds for each layer\nlet backgroundElements = [];\nlet coralImage, fishImage, plantImage, bubbleImage;\nlet mineral; // Mineral asset\nlet currentMission = 1; // Track the current mission (now up to 4)\nlet toxicBubbles = []; // Array to store toxic bubble positions\nlet toxicBubble; // Toxic bubble asset\nlet shark; // Shark asset\nlet underwaterSound; // Declare the variable for the sound\nlet mineralCollectSound; // Declare the variable for the mineral collection sound\nlet collisionSound; // Declare the variable for the collision sound\n\nfunction preload() {\n submarine = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/yqyv2nu1rwigpmqvkqbo?_a=BBECd1AE0)\"); // Load the submarine image\n rock = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/s7fhccwq4gkjewvaq8fh?_a=BBECd1AE0\"); // Load the rock image\n mineral = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/kytcrcdqgvqbsl4aqyjz?_a=BBECd1AE0\"); // Load the mineral image\n backgroundLayers[0] = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/fua3pdnbwpalxpthukcs?_a=BBECd1AE0\"); // Load single background layer image\n backgroundLayers[1] = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/s2tj18ldnv3j3oaf4aoa?_a=BBECd1AE0\"); // Load the new background for mission 3\n fishImage = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/wsaemt78sua6tkyl2q1u?_a=BBECd1AE0\"); // Load diverse background assets\n toxicBubble = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/munpldi9ll1hgkg1evai?_a=BBECd1AE0\"); // Load toxic bubble asset\n shark = loadImage(\"https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/mb8lwnc3r7qqcyslay0x?_a=BBECd1AE0\"); // Load shark asset\n underwaterSound = loadSound(\"audio/underwater-sound.mp3\"); // Load underwater sound effect\n mineralCollectSound = loadSound(\"audio/collect.mp3\"); // Load mineral collection sound effect\n collisionSound = loadSound(\"audio/blast.mp3\"); // Load collision sound effect\n}\n\n\nfunction setup() {\n createCanvas(1000, 500); // Create a rectangular canvas (1000x500)\n generateRocks(); // Generate initial rocks\n generateDiverseElements(); // Generate initial diverse background elements\n\n // Play and loop the underwater sound\n underwaterSound.loop();\n}\n\nfunction draw() {\n if (gameState === 'start') {\n drawStartScreen();\n } else if (gameState === 'mission') {\n drawMissionScreen();\n } else if (gameState === 'transition') {\n drawTransitionScreen();\n } else if (gameState === 'play') {\n background('navy');\n drawBackground();\n drawDiverseElements();\n moveSubmarine();\n\n // Translate the view to follow the submarine\n translate(-offsetX, 0);\n\n // Draw rocks\n rocks.forEach(rockPos => {\n image(rock, rockPos.x, rockPos.y, gridSize, gridSize);\n });\n\n // Draw minerals\n minerals.forEach(mineralPos => {\n image(mineral, mineralPos.x, mineralPos.y, gridSize, gridSize);\n });\n\n // Draw toxic bubbles only in mission 2\n if (currentMission === 2) {\n toxicBubbles.forEach(bubble => {\n image(toxicBubble, bubble.x, bubble.y, gridSize, gridSize);\n bubble.y -= bubble.speed;\n });\n\n // Generate toxic bubbles with a 1% chance every 2.2 seconds in mission 2\n if (frameCount % 132 === 0) {\n generateToxicBubbles();\n }\n\n // Remove toxic bubbles that are far behind the submarine to optimize performance\n toxicBubbles = toxicBubbles.filter(bubble => bubble.y > -gridSize);\n }\n\n // Draw sharks only in mission 3\n if (currentMission === 3) {\n sharks.forEach(sharkObj => {\n push();\n translate(sharkObj.x + gridSize, sharkObj.y); // Move to the shark's position\n scale(-1, 1); // Flip horizontally\n image(shark, 0, 0, gridSize * 2.5, gridSize * 1.5); // Increase size and draw shark\n pop();\n\n sharkObj.x -= sharkObj.speed; // Move shark towards the left\n\n // If the shark hits the submarine, inflict damage\n if (sharkObj.x < submarineX + gridSize && sharkObj.x + gridSize * 2 > submarineX &&\n sharkObj.y < submarineY + gridSize && sharkObj.y + gridSize > submarineY) {\n if (frameCount > sharkObj.lastAttackFrame + 60) { // 1 second cooldown\n health -= 4; // Increased damage to 4\n sharkObj.lastAttackFrame = frameCount;\n }\n }\n });\n\n // Generate a shark every 6 seconds (increased from 8 seconds)\n if (frameCount % 360 === 0) {\n generateShark();\n }\n\n // Remove sharks that are far behind the submarine to optimize performance\n sharks = sharks.filter(sharkObj => sharkObj.x > -gridSize * 2);\n }\n\n // Draw the submarine at a larger size (e.g., 2 times)\n const scaleFactor = 2;\n image(submarine, submarineX - (gridSize * (scaleFactor - 1)) / 2, submarineY - (gridSize * (scaleFactor - 1)) / 2, gridSize * scaleFactor, gridSize * scaleFactor);\n\n submarineX += forwardSpeed; // Move the submarine to the right\n offsetX += forwardSpeed; // Pan the view to the right\n\n // Generate new rocks and minerals as the submarine moves\n if (submarineX % (gridSize * 2) === 0) {\n generateRocks();\n generateMinerals();\n }\n\n // Remove rocks and minerals that are far behind the submarine to optimize performance\n rocks = rocks.filter(rock => rock.x >= submarineX - width);\n minerals = minerals.filter(mineral => mineral.x >= submarineX - width);\n\n checkCollisions();\n\n // Draw HUD elements\n push();\n resetMatrix();\n drawHealth();\n drawMineralsCollected();\n pop();\n\n // Restart the game if health runs out\n if (health <= 0) {\n restartGame();\n }\n }\n}\n\n\nlet sharks = []; // Array to store shark positions\n\nlet lastReverseThrustTime = 0;\nconst reverseThrustCooldown = 5000; // 5 seconds in milliseconds\n\nfunction generateShark() {\n const x = submarineX + width + random(100, 300); // Spawn shark ahead of the submarine\n const y = random(0, height - gridSize); // Random vertical position\n const sharkObj = {\n x: x,\n y: y,\n speed: random(3, 6), // Increased speed for sharks\n lastAttackFrame: frameCount,\n facingLeft: true // Always face left\n };\n sharks.push(sharkObj);\n}\n\nfunction drawStartScreen() {\n background('black');\n fill('white');\n textSize(16); // Smaller font size\n textAlign(CENTER, CENTER);\n let startText = [\n \"You are in command of a sea exploration submarine.\",\n \"You have multiple different important tasks.\",\n \"Complete them, and you will be richly rewarded.\",\n \"Navigate using WSD keys.\",\n \"Press SPACEBAR to continue.\"\n ];\n for (let i = 0; i < startText.length; i++) {\n text(startText[i], width / 2, height / 2 + i * 20);\n }\n}\n\nfunction generateMinerals() {\n const numMinerals = 1; // Reduced number of minerals to generate each time\n for (let i = 0; i < numMinerals; i++) {\n const x = Math.floor(Math.random() * (width / gridSize) + submarineX / gridSize + 20) * gridSize; // Generate minerals further ahead of the submarine\n const y = Math.floor(Math.random() * (height / gridSize)) * gridSize;\n minerals.push({ x, y });\n }\n}\n\nfunction generateToxicBubbles() {\n const numTilesX = Math.floor(width / gridSize);\n const numTilesY = Math.floor(height / gridSize);\n\n for (let i = 0; i < numTilesX; i++) {\n for (let j = 0; j < numTilesY; j++) {\n if (Math.random() < 0.01) { // 1% chance\n const x = (i + Math.floor(submarineX / gridSize)) * gridSize;\n const y = height; // Start at the bottom of the canvas\n const bubble = {\n x: x,\n y: y,\n speed: random(1, 3) // Random speed for floating up\n };\n toxicBubbles.push(bubble);\n }\n }\n }\n}\n\n\nfunction drawMissionScreen() {\n background('black');\n fill('white');\n textSize(16);\n textAlign(CENTER, CENTER);\n\n let missionText = [];\n if (currentMission === 1) {\n missionText = [\n \"You must collect 10 minerals to complete this mission.\",\n \"Press SPACEBAR to continue.\"\n ];\n } else if (currentMission === 2) {\n missionText = [\n \"Collect 15 minerals and avoid the bubbles of toxic gas that appear.\",\n \"Press SPACEBAR to continue.\"\n ];\n } else if (currentMission === 3) {\n missionText = [\n \"Collect 15 minerals and survive the sharks.\",\n \"Press SPACEBAR to continue.\"\n ];\n } else if (currentMission === 4) {\n missionText = [\n \"You must collect 20 minerals, survive the sharks, and evade the toxic bubbles.\",\n \"Good luck.\",\n \"Press SPACEBAR to continue.\"\n ];\n }\n\n for (let i = 0; i < missionText.length; i++) {\n text(missionText[i], width / 2, height / 2 + i * 20);\n }\n}\n\nfunction moveSubmarine() {\n let currentMoveSpeed = moveSpeed;\n\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) { // RIGHT_ARROW or 'D'\n forwardSpeed = 1 + currentMoveSpeed * (speedFactor - 1);\n } else {\n forwardSpeed = 1;\n }\n\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) { // UP_ARROW or 'W'\n submarineY -= currentMoveSpeed;\n }\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) { // DOWN_ARROW or 'S'\n submarineY += currentMoveSpeed;\n }\n\n // Constrain the submarine within the canvas vertically\n submarineY = constrain(submarineY, 0, height - gridSize);\n}\n\n\n\nfunction drawBackground() {\n let x = -offsetX * layerSpeeds[0];\n if (currentMission === 3 || currentMission === 4) {\n if (!backgroundLayers[1]) {\n console.error(\"Background layer for missions 3 and 4 is not loaded!\");\n return;\n }\n image(backgroundLayers[1], x % width, 0, width, height);\n image(backgroundLayers[1], (x % width) + width, 0, width, height);\n } else {\n if (!backgroundLayers[0]) {\n console.error(\"Default background layer is not loaded!\");\n return;\n }\n image(backgroundLayers[0], x % width, 0, width, height);\n image(backgroundLayers[0], (x % width) + width, 0, width, height);\n }\n}\n\nfunction generateDiverseElements() {\n for (let i = 0; i < 26; i++) { // Increased number of fish elements\n let img = fishImage; // Only use the fish image\n backgroundElements.push({\n x: random(width),\n y: random(height),\n img: img,\n size: random(5, 25), // Smaller size range for fish\n speed: random(0.1, 0.5)\n });\n }\n}\n\nfunction drawDiverseElements() {\n for (let element of backgroundElements) {\n element.x -= element.speed; // Move elements to the left\n if (element.x < -element.size) element.x = width + element.size; // Reset position\n image(element.img, element.x, element.y, element.size, element.size);\n }\n}\n\nfunction generateRocks() {\n const numRocks = 8; // Slightly reduced number of rocks to generate each time\n for (let i = 0; i < numRocks; i++) {\n const x = Math.floor(Math.random() * (width / gridSize) + submarineX / gridSize + 20) * gridSize; // Generate rocks further ahead of the submarine\n const y = Math.floor(Math.random() * (height / gridSize)) * gridSize;\n rocks.push({ x, y });\n }\n}\n\nfunction setupSecondMission() {\n submarineX = 0; // Reset submarine position\n submarineY = 3 * gridSize; // Reset submarine to initial Y position\n offsetX = 0; // Reset panning offset\n health = 8; // Reset health\n mineralsCollected = 0; // Reset minerals collected\n rocks = []; // Reset rocks array\n toxicBubbles = []; // Reset toxic bubbles array\n generateRocks(); // Generate initial rocks\n generateDiverseElements(); // Generate initial diverse background elements\n}\n\nfunction drawTransitionScreen() {\n background('black');\n fill('white');\n textSize(16);\n textAlign(CENTER, CENTER);\n\n let transitionText = [];\n if (currentMission === 2) {\n transitionText = [\n \"Good job!\",\n \"Press SPACEBAR to continue.\"\n ];\n } else if (currentMission === 3) {\n transitionText = [\n \"You will be moved to a new region.\",\n \"Your goal is to collect 15 minerals, and survive the sharks.\",\n \"Press SPACEBAR to continue.\"\n ];\n } else if (currentMission === 4) {\n transitionText = [\n \"Good job! Now this is your final test.\",\n \"Press SPACEBAR to continue.\"\n ];\n } else {\n transitionText = [\n \"Good job. You have completed your first task.\",\n \"Press SPACEBAR to continue.\"\n ];\n }\n\n for (let i = 0; i < transitionText.length; i++) {\n text(transitionText[i], width / 2, height / 2 + i * 20);\n }\n}\n\nfunction setupThirdMission() {\n console.log(\"Setting up third mission\");\n submarineX = 0;\n submarineY = 3 * gridSize;\n offsetX = 0;\n health = 8;\n mineralsCollected = 0;\n rocks = [];\n toxicBubbles = [];\n sharks = [];\n generateRocks();\n generateDiverseElements();\n}\n\n\nfunction setupFourthMission() {\n console.log(\"Setting up fourth mission\");\n submarineX = 0;\n submarineY = 3 * gridSize;\n offsetX = 0;\n health = 8;\n mineralsCollected = 0;\n rocks = [];\n toxicBubbles = [];\n sharks = [];\n generateRocks();\n generateDiverseElements();\n}\n\n\n\nfunction checkCollisions() {\n rocks = rocks.filter(rockPos => {\n const rockX = rockPos.x + rockHitboxPadding;\n const rockY = rockPos.y + rockHitboxPadding;\n const rockSize = gridSize - 2 * rockHitboxPadding;\n\n const submarineLeft = submarineX + hitboxPadding;\n const submarineRight = submarineX + gridSize - hitboxPadding;\n const submarineTop = submarineY + hitboxPadding;\n const submarineBottom = submarineY + gridSize - hitboxPadding;\n\n // Check for collision with the rock\n if (submarineRight > rockX && submarineLeft < rockX + rockSize &&\n submarineTop < rockY + rockSize && submarineBottom > rockY) {\n health--;\n collisionSound.play(); // Play the collision sound effect\n return false; // Remove rock if collision occurs\n }\n return true; // Keep rock if no collision occurs\n });\n\n minerals = minerals.filter(mineralPos => {\n const mineralX = mineralPos.x;\n const mineralY = mineralPos.y;\n\n const submarineLeft = submarineX;\n const submarineRight = submarineX + gridSize;\n const submarineTop = submarineY;\n const submarineBottom = submarineY + gridSize;\n\n // Check for collision with the mineral\n if (submarineRight > mineralX && submarineLeft < mineralX + gridSize &&\n submarineTop < mineralY + gridSize && submarineBottom > mineralY) {\n mineralsCollected++;\n mineralCollectSound.play(); // Play the mineral collection sound effect\n if (mineralsCollected >= 10 && currentMission === 1) {\n gameState = 'transition';\n } else if (mineralsCollected >= 15 && (currentMission === 2 || currentMission === 3)) {\n gameState = 'transition';\n } else if (mineralsCollected >= 20 && currentMission === 4) {\n gameState = 'gameComplete';\n }\n return false; // Remove mineral if collected\n }\n return true; // Keep mineral if not collected\n });\n\n toxicBubbles = toxicBubbles.filter(bubble => {\n const bubbleX = bubble.x;\n const bubbleY = bubble.y;\n\n const submarineLeft = submarineX;\n const submarineRight = submarineX + gridSize;\n const submarineTop = submarineY;\n const submarineBottom = submarineY + gridSize;\n\n // Check for collision with the toxic bubble\n if (submarineRight > bubbleX && submarineLeft < bubbleX + gridSize &&\n submarineTop < bubbleY + gridSize && submarineBottom > bubbleY) {\n health -= 2; // Deduct 2 health points\n collisionSound.play(); // Play the collision sound effect\n return false; // Remove bubble if collision occurs\n }\n return true; // Keep bubble if no collision occurs\n });\n\n // Check for collisions with sharks (only in missions 3 and 4)\n if (currentMission === 3 || currentMission === 4) {\n sharks.forEach(sharkObj => {\n if (sharkObj.x < submarineX + gridSize && sharkObj.x + gridSize * 2 > submarineX &&\n sharkObj.y < submarineY + gridSize && sharkObj.y + gridSize > submarineY) {\n if (frameCount > sharkObj.lastAttackFrame + 60) { // 1 second cooldown\n health -= 4; // Increased damage to 4\n collisionSound.play(); // Play the collision sound effect\n sharkObj.lastAttackFrame = frameCount;\n }\n }\n });\n }\n}\nfunction draw() {\n if (gameState === 'start') {\n drawStartScreen();\n } else if (gameState === 'mission') {\n drawMissionScreen();\n } else if (gameState === 'transition') {\n drawTransitionScreen();\n } else if (gameState === 'play') {\n background('navy');\n drawBackground();\n drawDiverseElements();\n moveSubmarine();\n\n // Translate the view to follow the submarine\n translate(-offsetX, 0);\n\n // Draw rocks\n rocks.forEach(rockPos => {\n image(rock, rockPos.x, rockPos.y, gridSize, gridSize);\n });\n\n // Draw minerals\n minerals.forEach(mineralPos => {\n image(mineral, mineralPos.x, mineralPos.y, gridSize, gridSize);\n });\n\n // Draw toxic bubbles in missions 2 and 4\n if (currentMission === 2 || currentMission === 4) {\n toxicBubbles.forEach(bubble => {\n image(toxicBubble, bubble.x, bubble.y, gridSize, gridSize);\n bubble.y -= bubble.speed;\n });\n\n // Generate toxic bubbles with a 1% chance every 2.2 seconds\n if (frameCount % 132 === 0) {\n generateToxicBubbles();\n }\n\n // Remove toxic bubbles that are far behind the submarine to optimize performance\n toxicBubbles = toxicBubbles.filter(bubble => bubble.y > -gridSize);\n }\n\n // Draw sharks in missions 3 and 4\n if (currentMission === 3 || currentMission === 4) {\n sharks.forEach(sharkObj => {\n push();\n translate(sharkObj.x + gridSize, sharkObj.y); // Move to the shark's position\n scale(-1, 1); // Flip horizontally\n image(shark, 0, 0, gridSize * 2.5, gridSize * 1.5); // Increase size and draw shark\n pop();\n\n sharkObj.x -= sharkObj.speed; // Move shark towards the left\n\n // If the shark hits the submarine, inflict damage\n if (sharkObj.x < submarineX + gridSize && sharkObj.x + gridSize * 2 > submarineX &&\n sharkObj.y < submarineY + gridSize && sharkObj.y + gridSize > submarineY) {\n if (frameCount > sharkObj.lastAttackFrame + 60) { // 1 second cooldown\n health -= 4; // Increased damage to 4\n sharkObj.lastAttackFrame = frameCount;\n }\n }\n });\n\n // Generate a shark every 6 seconds\n if (frameCount % 360 === 0) {\n generateShark();\n }\n\n // Remove sharks that are far behind the submarine to optimize performance\n sharks = sharks.filter(sharkObj => sharkObj.x > -gridSize * 2);\n }\n\n // Draw the submarine at a larger size (e.g., 2 times)\n const scaleFactor = 2;\n image(submarine, submarineX - (gridSize * (scaleFactor - 1)) / 2, submarineY - (gridSize * (scaleFactor - 1)) / 2, gridSize * scaleFactor, gridSize * scaleFactor);\n\n submarineX += forwardSpeed; // Move the submarine to the right\n offsetX += forwardSpeed; // Pan the view to the right\n\n // Generate new rocks and minerals as the submarine moves\n if (submarineX % (gridSize * 2) === 0) {\n generateRocks();\n generateMinerals();\n }\n\n // Remove rocks and minerals that are far behind the submarine to optimize performance\n rocks = rocks.filter(rock => rock.x >= submarineX - width);\n minerals = minerals.filter(mineral => mineral.x >= submarineX - width);\n\n checkCollisions();\n\n // Draw HUD elements\n push();\n resetMatrix();\n drawHealth();\n drawMineralsCollected();\n pop();\n\n // Restart the game if health runs out\n if (health <= 0) {\n restartGame();\n }\n } else if (gameState === 'gameComplete') {\n drawGameCompleteScreen();\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}`, 50, 30); // Move the health display to the right\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 generateDiverseElements();\n}\n\nfunction windowResized() {\n resizeCanvas(1000, 500); // Keep the canvas size fixed when window size changes\n}\n\n\nfunction keyPressed() {\n if (gameState === 'start' && key === ' ') {\n gameState = 'mission';\n } else if (gameState === 'mission' && key === ' ') {\n gameState = 'play';\n if (currentMission === 2) {\n setupSecondMission();\n } else if (currentMission === 3) {\n setupThirdMission();\n } else if (currentMission === 4) {\n setupFourthMission();\n }\n } else if (gameState === 'transition' && key === ' ') {\n currentMission++;\n if (currentMission <= 4) {\n gameState = 'mission';\n } else {\n // Handle game completion\n currentMission = 1;\n gameState = 'start';\n }\n }\n}\n\nfunction drawMineralsCollected() {\n fill('white');\n textSize(20);\n let targetMinerals;\n if (currentMission === 1) {\n targetMinerals = 10;\n } else if (currentMission === 2 || currentMission === 3) {\n targetMinerals = 15;\n } else if (currentMission === 4) {\n targetMinerals = 20;\n }\n text(`${mineralsCollected} / ${targetMinerals} Minerals Collected`, width - 200, 30);\n}\n\n\nfunction drawGameCompleteScreen() {\n background('black');\n fill('white');\n textSize(24);\n textAlign(CENTER, CENTER);\n text(\"Congratulations!\", width / 2, height / 2 - 60);\n textSize(18);\n text(\"You have done a great service,\", width / 2, height / 2 - 20);\n text(\"and survived the horrors of the deep.\", width / 2, height / 2 + 10);\n text(\"You can now ascend to the surface.\", width / 2, height / 2 + 40);\n textSize(16);\n}","style.css":"","index.html":"\n\n\n\n \n \n Harpoon Hero\n \n\n\n\n \n \n \n \n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":3036,"created_at":"2024-08-25T23:14:42.358519Z","output_tokens":null,"sender":"human","code_id":143174,"deleted":0,"input_tokens":null,"id":69986},{"message":"Alright, let's get started with implementing the player movement controls for aiming and shooting the harpoon! 🎮\n\nHere are the steps we'll follow:\n\n1. **Visualizing the Harpoon**: We'll first add a simple visual representation (like an emoji or simple shape) for the harpoon.\n2. **Player Controls**: Implement movement controls for the submarine using arrow keys or WASD.\n3. **Aiming and Shooting**: Allow the player to aim using the mouse and shoot the harpoon.\n\nDoes that sound good to you? If yes, we'll start with visualizing the harpoon. If you have any specific ideas for how you want the harpoon to look or any other features, let me know!","project_id":3036,"created_at":"2024-08-25T23:14:42.379317Z","output_tokens":null,"sender":"ai","code_id":143174,"deleted":0,"input_tokens":null,"id":69987}],"assets":[{"project_id":3036,"creator":null,"cloudinary_id":"munpldi9ll1hgkg1evai","deleted":false,"id":18945,"created_at":"2024-08-25T23:18:43.424772Z","name":"toxicBubble","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"s2tj18ldnv3j3oaf4aoa","deleted":false,"id":18944,"created_at":"2024-08-25T23:14:27.290341Z","name":"background_layer_1","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"s7fhccwq4gkjewvaq8fh","deleted":false,"id":18943,"created_at":"2024-08-25T23:14:27.288500Z","name":"rock","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"wsaemt78sua6tkyl2q1u","deleted":false,"id":18942,"created_at":"2024-08-25T23:14:27.286297Z","name":"fish","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"yqyv2nu1rwigpmqvkqbo","deleted":false,"id":18941,"created_at":"2024-08-25T23:14:27.284196Z","name":"submarine","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"fua3pdnbwpalxpthukcs","deleted":false,"id":18940,"created_at":"2024-08-25T23:14:27.281500Z","name":"background_layer_0","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"kytcrcdqgvqbsl4aqyjz","deleted":false,"id":18939,"created_at":"2024-08-25T23:14:27.279669Z","name":"mineral","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"mb8lwnc3r7qqcyslay0x","deleted":false,"id":18937,"created_at":"2024-08-25T23:14:27.275615Z","name":"shark","resource_type":"image","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"lvwyg2t4vsdavvcmbhl6","deleted":false,"id":18936,"created_at":"2024-08-25T23:14:27.273236Z","name":"underwatersound","resource_type":"audio","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"o9ejvg47ztkk7f8xt5bo","deleted":false,"id":18935,"created_at":"2024-08-25T23:14:27.270825Z","name":"mineralcollect","resource_type":"audio","tags":null},{"project_id":3036,"creator":null,"cloudinary_id":"wbjoo5z2rty8v88lse6n","deleted":false,"id":18934,"created_at":"2024-08-25T23:14:27.263597Z","name":"collision","resource_type":"audio","tags":null}],"messages_sent":1,"comments":[{"content":"go to baianm at itch.io to play the game","id":813,"user_id":8,"user":{"photo":null,"email":null,"recess_id":"3f5f8324-2a21-d8d3-2d39-c7ba5cf76110","created_at":"2023-12-12T14:12:57.257630Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"baian","id":8,"password_hash":null,"updated_at":"2023-12-12T14:12:57.257633Z","reset_token_expiry":null,"subscription_status":null},"project_id":3036,"created_at":"2024-08-27T04:01:00.886521Z","updated_at":"2024-08-27T04:01:00.886523Z"}],"steps":[{"title":"Set up player controls","instruction":"Implement player movement controls using arrow keys or mouse input for aiming and shooting the harpoon.","created_at":"2024-06-24T14:55:37.931854","project_id":3036,"complete":false,"step_number":0,"updated_at":"2024-08-25T23:14:27.250956","id":10611},{"title":"Implement harpoon mechanics","instruction":"Create the harpoon mechanics to allow the player to aim and shoot at the underwater creatures.","created_at":"2024-06-24T14:55:37.931927","project_id":3036,"complete":false,"step_number":1,"updated_at":"2024-08-25T23:14:27.251057","id":10612},{"title":"Add time limit feature","instruction":"Incorporate a countdown timer to limit the gameplay duration.","created_at":"2024-06-24T14:55:37.931976","project_id":3036,"complete":false,"step_number":2,"updated_at":"2024-08-25T23:14:27.251109","id":10613},{"title":"Game over screen","instruction":"Display a 'game over' screen with a message when the time runs out.","created_at":"2024-06-24T14:55:37.932064","project_id":3036,"complete":false,"step_number":3,"updated_at":"2024-08-25T23:14:27.251174","id":10614},{"title":"Catch underwater creatures","instruction":"Implement the movement and spawning of various sea creatures for the player to catch.","created_at":"2024-06-24T14:55:37.932123","project_id":3036,"complete":false,"step_number":4,"updated_at":"2024-08-25T23:14:27.251218","id":10615},{"title":"Score tracking","instruction":"Track and display the player's score based on the creatures caught within the time limit.","created_at":"2024-06-24T14:55:37.932198","project_id":3036,"complete":false,"step_number":5,"updated_at":"2024-08-25T23:14:27.251255","id":10616},{"title":"Visual feedback for successful catches","instruction":"Provide visual and audio feedback when the player successfully catches an underwater creature.","created_at":"2024-06-24T14:55:37.932257","project_id":3036,"complete":false,"step_number":6,"updated_at":"2024-08-25T23:14:27.251318","id":10617},{"title":"Responsive UI design","instruction":"Ensure the game interface adapts to different screen sizes for an optimal gaming experience.","created_at":"2024-06-24T14:55:37.932308","project_id":3036,"complete":false,"step_number":7,"updated_at":"2024-08-25T23:14:27.251364","id":10618}]}