Sunflower Defense: Tiny Battle

{"name":"Sunflower Defense Tiny Battle","description":"Defend your garden from the zombie invasion using sunflowers and peashooters in this compact tower defense game! Strategically place your defenses in 2 lanes to fend off waves of zombies.","photo":"https://cdn.discordapp.com/attachments/1136874194177638450/1191932016636219462/cleanshot_2023-12-14_at_20.png?ex=65a73c31&is=6594c731&hm=6fd48d252acf19831baec3450966f6e34af787eda76eeac2e6d47e307e3011f2&","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-02-09T18:50:20.043492Z","updated_at":"2024-02-09T18:50:20.043494Z","user_id":5,"status":"PUBLIC","parent_id":67,"id":607,"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 selectedPlant = null;\nlet plants = [];\nlet zombies = [];\nlet bullets = [];\nlet particles = [];\nlet suns = [];\nlet frameCount = 0;\nlet sunCount = 50;\nlet gameOver = false; // New variable to track game state\n\nfunction setup() {\n createCanvas(800, 400);\n background(220);\n}\n\nfunction draw() {\n background(220);\n\n // Draw grid\n stroke('black');\n noFill();\n for (let i = 50; i < width; i += 50) {\n for (let j = 200; j < 300; j += 50) {\n rect(i, j, 50, 50);\n }\n }\n\n // Draw Sunflower button\n if (sunCount < 50) {\n fill('gray');\n rect(50, 50, 50, 50);\n } else {\n fill('yellow');\n drawSunflower(50, 50);\n }\n fill('black');\n text(selectedPlant === 'Sunflower' ? 'Sunflower - Selected' : 'Sunflower', 50, 40);\n\n // Draw Peashooter button\n if (sunCount < 100) {\n fill('gray');\n rect(150, 50, 50, 50);\n } else {\n fill('green');\n drawPeashooter(150, 50);\n }\n fill('black');\n text(selectedPlant === 'Peashooter' ? 'Peashooter - Selected' : 'Peashooter', 150, 40);\n\n\n\n\n for (let plant of plants) {\n if (plant.type === 'Sunflower') {\n drawSunflower(plant.x, plant.y);\n\n // Update the sunflower's timer\n plant.timer--;\n if (plant.timer <= 0) { // After about 3 seconds\n // Spawn a sun next to the sunflower\n suns.push({\n x: plant.x + 50,\n y: plant.y,\n speed: 0,\n life: 900 // The sun will disappear after approximately 15 seconds\n });\n plant.timer = 120; // Reset the timer to about 15 seconds\n }\n } else if (plant.type === 'Peashooter') {\n drawPeashooter(plant.x, plant.y);\n }\n }\n\n // Spawn a new zombie every 600 frames, starting from frame 1200\n if (frameCount >= 1200 && frameCount % 60 === 0) {\n spawnZombie();\n }\n\n // Spawn a new sun every 400 frames\n if (frameCount % 900 === 0) {\n spawnSun();\n }\n\n\n // Update and draw suns\n fill('orange');\n for (let i = suns.length - 1; i >= 0; i--) {\n let sun = suns[i];\n ellipse(sun.x, sun.y, 50, 50);\n\n // Sun moves down until it reaches the bottom of the screen, unless its speed is 0\n if (sun.y < height - 50 && sun.speed > 0) {\n sun.y += sun.speed;\n }\n\n // Sun disappears after its life reaches 0\n sun.life--;\n if (sun.life <= 0) {\n suns.splice(i, 1);\n }\n }\n\n // Make peashooters shoot if there's a zombie in front of it in the same lane\n if (frameCount % 1 === 0) { // Every 60 frames\n for (let plant of plants) {\n if (plant.type === 'Peashooter') {\n for (let zombie of zombies) {\n if (abs(zombie.y - plant.y) < 25 && zombie.x >= plant.x) { // If a zombie is in front of the peashooter in the same lane\n bullets.push({\n x: plant.x + 50,\n y: plant.y + 25,\n speed: random(100)\n });\n break; // Only shoot one bullet per peashooter per frame\n }\n }\n }\n }\n }\n frameCount++;\n\n // Draw bullets and check for collisions\n fill('lightgreen');\n for (let i = bullets.length - 1; i >= 0; i--) {\n let bullet = bullets[i];\n ellipse(bullet.x, bullet.y, 10, 10);\n bullet.x += bullet.speed;\n\n // Check for collisions with zombies\n for (let j = zombies.length - 1; j >= 0; j--) {\n let zombie = zombies[j];\n if (bullet.x > zombie.x && bullet.x < zombie.x + 50 && abs(bullet.y - (zombie.y + 25)) < 25) {\n // Collision detected, remove bullet and decrease zombie's health\n bullets.splice(i, 1);\n zombie.health -= 1;\n if (zombie.health <= 0) {\n // Zombie is dead, create particles and remove zombie\n createParticles(zombie.x + 25, zombie.y + 25, 'purple', 5000);\n createParticles(zombie.x + 25, zombie.y + 25, 'purple', 50);\n createParticles(zombie.x + 25, zombie.y + 25, 'purple', 50);\n createParticles(zombie.x + 25, zombie.y + 25, 'purple', 50);\n createParticles(zombie.x + 25, zombie.y + 25, 'purple', 50);\n zombies.splice(j, 1);\n }\n break; // Only handle one collision per bullet\n }\n }\n }\n\n\n // Draw and update particles\n for (let i = particles.length - 1; i >= 0; i--) {\n let particle = particles[i];\n fill(particle.color);\n ellipse(particle.x, particle.y, 5, 5);\n particle.x += particle.vx;\n particle.y += particle.vy;\n particle.life--;\n if (particle.life <= 0) {\n particles.splice(i, 1);\n }\n }\n\n // Update and draw zombies\n updateZombies();\n\n // Draw score\n fill('black');\n text('Suns: ' + sunCount, 10, 20);\n\n // Draw game over message\n if (gameOver) {\n textSize(50);\n fill('red');\n text('The Zombies have eaten your brain', width / 2 - 250, height / 2);\n noLoop(); // Stop the draw loop\n }\n}\n\nfunction mouseClicked() {\n if (mouseX > 50 && mouseX < 100 && mouseY > 50 && mouseY < 100 && sunCount >= 50) {\n selectedPlant = 'Sunflower';\n } else if (mouseX > 150 && mouseX < 200 && mouseY > 50 && mouseY < 100 && sunCount >= 100) {\n selectedPlant = 'Peashooter';\n }\n\n // If a plant is selected and the click is within the lanes, plant it\n if (selectedPlant !== null && mouseY > 200 && mouseY < 300) {\n // Calculate grid cell\n let gridX = floor(mouseX / 50) * 50;\n let gridY = floor((mouseY - 200) / 50) * 50 + 200;\n\n // Only plant if the click is inside a grid cell (not on the lines)\n if (gridX % 50 === 0 && gridY % 50 === 0) {\n if ((selectedPlant === 'Sunflower' && sunCount >= 50) ||\n (selectedPlant === 'Peashooter' && sunCount >= 100)) {\n let plant = {\n x: gridX,\n y: gridY,\n type: selectedPlant,\n health: 12\n };\n if (selectedPlant === 'Sunflower') {\n plant.timer = 180; // Add a timer to sunflowers\n }\n plants.push(plant);\n\n // Deduct the cost of the plant\n if (selectedPlant === 'Sunflower') {\n sunCount -= 50;\n } else if (selectedPlant === 'Peashooter') {\n sunCount -= 100;\n }\n\n selectedPlant = null;\n }\n }\n }\n\n // Check if a sun was clicked\n for (let i = suns.length - 1; i >= 0; i--) {\n let sun = suns[i];\n if (dist(mouseX, mouseY, sun.x, sun.y) < 25) {\n // Sun was clicked, remove it and increase score\n suns.splice(i, 1);\n sunCount += 25;\n }\n }\n}\n\nfunction drawPeashooter(x, y) {\n fill('green');\n triangle(x, y, x + 50, y + 25, x, y + 50);\n}\n\nfunction drawSunflower(x, y, size = 50) {\n fill('yellow');\n ellipse(x + size / 2, y + size / 2, size, size);\n}\n\nfunction spawnZombie() {\n let lane = random([200, 250]);\n let zombie = {\n x: width,\n y: lane,\n speed: 2,\n health: 3,\n biteTimer: 0\n };\n zombies.push(zombie);\n}\n\nfunction spawnSun() {\n let sun = {\n x: random(width), // Spawn at a random x position\n y: 0, // Spawn off the top of the screen\n speed: 2 // Move downwards\n };\n suns.push(sun);\n}\n\nfunction updateZombies() {\n // Update position and draw zombies\n fill('purple');\n for (let zombie of zombies) {\n let plantInFront = null;\n\n // Check if there's a plant in front of the zombie\n for (let plant of plants) {\n let zombieGridX = floor(zombie.x / 50) * 50;\n let plantGridX = floor(plant.x / 50) * 50;\n if (abs(plant.y - zombie.y) < 25 && zombieGridX <= plantGridX && plantGridX - zombieGridX < 100) {\n plantInFront = plant;\n break;\n }\n }\n\n // If there's a plant in front, the zombie eats the plant\n if (plantInFront !== null) {\n zombie.biteTimer++;\n if (zombie.biteTimer >= 30) { // After about 0.5 seconds\n plantInFront.health--; // Decrease the plant's health by 1\n\n // Create small particles for each bite\n createParticles(plantInFront.x + 25, plantInFront.y + 25, plantInFront.type === 'Sunflower' ? 'yellow' : 'green', 5);\n\n zombie.biteTimer = 0; // Reset the bite timer\n }\n\n if (plantInFront.health <= 0) {\n // If the plant's health is 0 or less, remove the plant\n let index = plants.indexOf(plantInFront);\n if (index > -1) {\n plants.splice(index, 1);\n }\n\n // Create a particle explosion when the plant dies\n createParticles(plantInFront.x + 25, plantInFront.y + 25, plantInFront.type === 'Sunflower' ? 'yellow' : 'green', 50);\n }\n } else {\n // If there's no plant in front, the zombie moves forward\n zombie.x -= zombie.speed;\n\n // If the zombie has reached the end, the game is over\n if (zombie.x <= 0) {\n gameOver = true;\n }\n }\n\n // Draw the zombie\n ellipse(zombie.x, zombie.y + 250, 50, 50);\n fill('white');\n text(zombie.health, zombie.x, zombie.y + 25);\n fill('purple');\n }\n}\n\nfunction createParticles(x, y, color, size) {\n for (let i = 0; i < size; i++) {\n let particle = {\n x: x,\n y: y,\n vx: random(-2, 2),\n vy: random(-2, 2),\n life: random(20, 40),\n color: color\n };\n particles.push(particle);\n }\n}\n\n","style.css":"","index.html":"\n\n\n\n \n \n Sunflower Defense: Tiny Battle\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"instruction":"Implement the visual elements for Sunflower and Peashooter characters.","title":"Visualize Sunflower and Peashooter","created_at":"2023-12-15T02:31:14.980391","project_id":607,"complete":false,"step_number":0,"updated_at":"2024-02-09T18:50:20.046652","id":3355},{"instruction":"Implement user input for planting defenses and character movement controls.","title":"Player Input and Character Movement","created_at":"2023-12-15T02:31:14.980453","project_id":607,"complete":false,"step_number":1,"updated_at":"2024-02-09T18:50:20.046719","id":3356},{"instruction":"Implement game logic for scoring, collision detection, and resource management.","title":"Game Logic and Scoring","created_at":"2023-12-15T02:31:14.980497","project_id":607,"complete":false,"step_number":2,"updated_at":"2024-02-09T18:50:20.046761","id":3357},{"instruction":"Implement the visual elements for Regular Zombie and Buckethead Zombie characters.","title":"Zombie Characters","created_at":"2023-12-15T02:31:14.980539","project_id":607,"complete":false,"step_number":3,"updated_at":"2024-02-09T18:50:20.046802","id":3358},{"instruction":"Add a limited number of slots for planting plants to force players to strategize their choices.","title":"Limited Planting Slots","created_at":"2023-12-15T02:31:14.980582","project_id":607,"complete":false,"step_number":4,"updated_at":"2024-02-09T18:50:20.046853","id":3359},{"instruction":"Implement a sun cost for each plant to add a layer of resource management for players.","title":"Resource Management","created_at":"2023-12-15T02:31:14.980624","project_id":607,"complete":false,"step_number":5,"updated_at":"2024-02-09T18:50:20.046889","id":3360},{"instruction":"Implement a wave system where the difficulty increases with each wave, and players have to survive as long as possible.","title":"Wave System","created_at":"2023-12-15T02:31:14.980666","project_id":607,"complete":false,"step_number":6,"updated_at":"2024-02-09T18:50:20.046936","id":3361},{"instruction":"Modify the gameboard to have 2 lanes, each 10 slots long to create a smaller and more strategic gameboard.","title":"Compact Gameboard","created_at":"2023-12-15T02:31:14.980706","project_id":607,"complete":false,"step_number":7,"updated_at":"2024-02-09T18:50:20.046974","id":3362}]}