Banana Balloon Defense

{"name":"Banana Balloon Defense","description":"Defend your base from waves of balloon enemies using towers and powers in this fun and challenging tower defense game.","photo":null,"view_count":7,"fork_count":0,"expires_at":null,"created_at":"2025-08-06T08:50:45.668416Z","updated_at":"2025-08-06T08:50:45.668418Z","user_id":246,"status":"DELETED","parent_id":1308,"id":1404,"user":{"photo":null,"email":"kristen@recess.gg","recess_id":"c4ad84f6-113d-480b-bc29-80549518b3ee","created_at":"2024-10-31T20:27:47.342142Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"chicothedog","id":246,"password_hash":"$2b$12$QgZsBBZ/7CFyOhVkfVhTNeoe4jAY.pIJOieTXeg0HWS23ZcCpiAeO","updated_at":"2024-10-31T20:27:47.342148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let balloonImg;\nlet pathPoints = []; // Initialize an empty array for path points\nlet monkeyImg;\nlet balloonX = 0; // Initial X position of the balloon\nlet balloonY = 140; // Initial Y position of the balloon\nlet balloonSpeed = 2; // Speed at which the balloon moves\nlet boomState = 'withMonkey'; // Possible states: 'withMonkey', 'thrown'\nlet boomX, boomY; // Position of the \"boom boom\"\nlet currentPoint = 0; // Index of the current point in the path\nlet balloonHealth = 1; // Initial health of the balloon\nlet bgImg; // Variable to hold the background image\nlet boomImg; // Variable to hold the boom image\nlet gameStarted = false; // Controls the game state\nlet balloonType = 'red'; // Initial balloon type\n\nfunction preload() {\n bgImg = loadImage(\"@asset('background')\");\n monkeyImg = loadImage(\"@asset('boom boom monkey')\");\n boomImg = loadImage(\"@asset('boom boom')\");\n // Preload balloon images for all types\n balloonImages = {\n red: loadImage(\"@asset('red balloon')\"),\n blue: loadImage(\"@asset('blue balloon')\"),\n green: loadImage(\"@asset('green balloon')\"),\n fast: loadImage(\"@asset('fast balloon')\"),\n MOAB: loadImage(\"@asset('MOAB')\")\n };\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n bgImg = loadImage(\"@asset('background')\"); // Load the background image\n monkeyImg = loadImage(\"@asset('boom boom monkey')\"); // Load the monkey image\n boomImg = loadImage(\"@asset('boom boom')\"); // Load the boom image\n\n // Create a start button\n let startButton = createButton('Start Game');\n startButton.position(width / 2 - 50, height / 2);\n startButton.mousePressed(startGame);\n}\n\nfunction startGame() {\n gameStarted = true; // Set the game to started\n}\n\nfunction draw() {\n image(bgImg, 0, 0, windowWidth, windowHeight); // Draw the background\n drawPath(); // Visualize the path\n if (gameStarted) {\n moveBalloon();\n if (balloonHealth > 0) {\n // Use the preloaded balloon image based on the current type\n balloonImg = balloonImages[balloonType];\n imageMode(CENTER);\n image(balloonImg, balloonX, balloonY, 100, 100); // Draw balloon at new position\n imageMode(CORNER);\n }\n\n // Drawing the monkey in the middle of the canvas\n let monkeyX = width / 2 - 50;\n let monkeyY = height / 2 - 50;\n image(monkeyImg, monkeyX, monkeyY, 100, 100); // Centered and adjusted size\n\n // Display boom boom based on its state\n manageBoomBoom(monkeyX, monkeyY);\n }\n}\n\nfunction manageBoomBoom(monkeyX, monkeyY) {\n if (boomState === 'withMonkey') {\n boomX = monkeyX + 75;\n boomY = monkeyY + 25;\n if (dist(balloonX, balloonY, monkeyX, monkeyY) < 300) { //if close\n boomState = 'thrown';\n }\n } else if (boomState === 'thrown') { //if far\n moveBoomBoom();\n }\n}\n\nfunction moveBoomBoom() {\n let stepX = (balloonX - boomX) * 0.05; //move the boom a little bit at at time\n let stepY = (balloonY - boomY) * 0.05;\n boomX += stepX;\n boomY += stepY;\n if (dist(boomX, boomY, balloonX, balloonY) < 10 && balloonHealth > 0) { //if close\n balloonHealth -= 1;\n boomState = 'withMonkey';\n if (balloonHealth <= 0) respawnBalloon();\n }\n image(boomImg, boomX, boomY, 50, 50); // Draw boom boom at its current position\n}\n\nfunction respawnBalloon() {\n balloonX = 0;\n balloonY = 140;\n balloonHealth = 1;\n currentPoint = 0; // Reset the path progress\n // Cycle through the balloon types\n switch (balloonType) { //switch the balloon image\n case 'red':\n balloonType = 'blue';\n break;\n case 'blue':\n balloonType = 'green';\n break;\n case 'green':\n balloonType = 'fast';\n break;\n case 'fast':\n balloonType = 'MOAB';\n break;\n case 'MOAB':\n console.log('Game over or reset game logic here');\n break;\n }\n}\n\nfunction mouseClicked() {\n addPathPoint(mouseX, mouseY);\n}\n\nfunction mouseDragged() {\n addPathPoint(mouseX, mouseY);\n}\n\nfunction addPathPoint(x, y) {\n //the path is made of individual points connected together.\n let gridSize = 66; // Grid size for path alignment\n let gridX = Math.round(x / gridSize) * gridSize;\n let gridY = Math.round(y / gridSize) * gridSize;\n if (pathPoints.length > 0) {\n let lastPoint = pathPoints[pathPoints.length - 1];\n if (abs(gridX - lastPoint.x) >= gridSize || abs(gridY - lastPoint.y) >= gridSize) {\n pathPoints.push({ x: gridX, y: gridY });\n }\n } else {\n pathPoints.push({ x: gridX, y: gridY });\n }\n}\n\nfunction moveBalloon() {\n if (currentPoint < pathPoints.length - 1) {\n let targetX = pathPoints[currentPoint + 1].x;\n let targetY = pathPoints[currentPoint + 1].y;\n let deltaX = targetX - balloonX;\n let deltaY = targetY - balloonY;\n let angle = Math.atan2(deltaY, deltaX);\n balloonX += balloonSpeed * Math.cos(angle); \n balloonY += balloonSpeed * Math.sin(angle);\n //now do the math to move the balloon\n if (Math.abs(balloonX - targetX) < balloonSpeed && Math.abs(balloonY - targetY) < balloonSpeed) {\n balloonX = targetX;\n balloonY = targetY;\n currentPoint++;\n }\n }\n}\n\nfunction drawPath() {\n stroke(255, 100, 100); // Set path color\n strokeWeight(4); // Set path line width\n noFill();\n beginShape();\n for (let point of pathPoints) {\n vertex(point.x, point.y); //vertex is a corner and we dry lines between them.\n }\n endShape();\n}\n","style.css":"","index.html":"\n\n\n\n \n \n Banana Balloon Defense\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"name":"red balloon","created_at":"2024-05-11T20:50:10.892357Z","resource_type":"image","deleted":false,"id":4089,"creator":null,"project_id":1404,"cloudinary_id":"vbubufha9pqqgxy2pojl","tags":null},{"name":"boom boom monkey","created_at":"2024-05-11T20:50:10.891260Z","resource_type":"image","deleted":false,"id":4088,"creator":null,"project_id":1404,"cloudinary_id":"cwwdypc1vyotdtnfd0ow","tags":null},{"name":"boom boom","created_at":"2024-05-11T20:50:10.889501Z","resource_type":"image","deleted":false,"id":4087,"creator":null,"project_id":1404,"cloudinary_id":"unsorlsstlhch35o4s94","tags":null},{"name":"super monkey","created_at":"2024-05-11T20:50:10.888000Z","resource_type":"image","deleted":false,"id":4086,"creator":null,"project_id":1404,"cloudinary_id":"guceiq8bhthfhbrkvymi","tags":null},{"name":"blue balloon","created_at":"2024-05-11T20:50:10.886189Z","resource_type":"image","deleted":false,"id":4085,"creator":null,"project_id":1404,"cloudinary_id":"ehowrmzwj3uc4fxaqawh","tags":null},{"name":"green balloon","created_at":"2024-05-11T20:50:10.882319Z","resource_type":"image","deleted":false,"id":4084,"creator":null,"project_id":1404,"cloudinary_id":"l47wpybihln8zeadeo1o","tags":null},{"name":"fast balloon","created_at":"2024-05-11T20:50:10.881164Z","resource_type":"image","deleted":false,"id":4083,"creator":null,"project_id":1404,"cloudinary_id":"rkdp9693ydtusc1heype","tags":null},{"name":"police monkey","created_at":"2024-05-11T20:50:10.880074Z","resource_type":"image","deleted":false,"id":4082,"creator":null,"project_id":1404,"cloudinary_id":"uq1ghsupuv0mxafq1mdx","tags":null},{"name":"MOAB","created_at":"2024-05-11T20:50:10.878323Z","resource_type":"image","deleted":false,"id":4081,"creator":null,"project_id":1404,"cloudinary_id":"aa6y7zoaucg1etqqmb7h","tags":null},{"name":"Nerd monkey","created_at":"2024-05-11T20:50:10.876270Z","resource_type":"image","deleted":false,"id":4080,"creator":null,"project_id":1404,"cloudinary_id":"drw3jl4f3cfqruslkuif","tags":null},{"name":"background","created_at":"2024-05-11T20:50:10.875023Z","resource_type":"image","deleted":false,"id":4079,"creator":null,"project_id":1404,"cloudinary_id":"esrrzfvvshatsypkgjsq","tags":null}],"messages_sent":3,"comments":[],"steps":[{"instruction":"Create a visually appealing map with a clear path for enemies to follow.","title":"Set up a 2D map with a defined path for enemies","created_at":"2024-05-01T13:45:19.336162","project_id":1404,"complete":false,"step_number":0,"updated_at":"2024-05-11T20:50:10.870516","id":7587},{"instruction":"Allow players to place towers along the path using the available tower money.","title":"Implement tower placement and tower money","created_at":"2024-05-01T13:45:19.336224","project_id":1404,"complete":false,"step_number":1,"updated_at":"2024-05-11T20:50:10.870638","id":7588},{"instruction":"Display balloon enemies and make them move along the defined path towards the player's base.","title":"Introduce balloon enemies and their movement along the path","created_at":"2024-05-01T13:45:19.336266","project_id":1404,"complete":false,"step_number":2,"updated_at":"2024-05-11T20:50:10.870682","id":7589},{"instruction":"Include power-ups like banana peels that players can purchase using monkey money, and make them effective against balloon enemies.","title":"Add powers and power-up purchase system","created_at":"2024-05-01T13:45:19.336315","project_id":1404,"complete":false,"step_number":3,"updated_at":"2024-05-11T20:50:10.870721","id":7590},{"instruction":"Display the base health and trigger a game over when the base health reaches 0, with an option to play again.","title":"Implement base health and game over conditions","created_at":"2024-05-01T13:45:19.336354","project_id":1404,"complete":false,"step_number":4,"updated_at":"2024-05-11T20:50:10.870759","id":7591},{"instruction":"Allow players to choose from different game modes and set the number of rounds to play before winning, with rewards upon winning.","title":"Incorporate different game modes and round options","created_at":"2024-05-01T13:45:19.336406","project_id":1404,"complete":false,"step_number":5,"updated_at":"2024-05-11T20:50:10.870802","id":7592},{"instruction":"Provide players with money rewards upon winning the game, which can be used in the next game.","title":"Implement winning rewards","created_at":"2024-05-01T13:45:19.336446","project_id":1404,"complete":false,"step_number":6,"updated_at":"2024-05-11T20:50:10.870839","id":7593},{"instruction":"Enhance the game with visual effects to make power-ups and tower attacks more engaging and entertaining.","title":"Add visual effects for power-ups and tower attacks","created_at":"2024-05-01T13:45:19.336485","project_id":1404,"complete":false,"step_number":7,"updated_at":"2024-05-11T20:50:10.870873","id":7594}]}