Colorful Tower Defense

{"name":"Colorful Tower Defense","description":"Defend against colorful enemies by spawning vibrant towers! Click to place your blue towers and watch out for the red enemies!","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-02-14T17:14:33.809533Z","updated_at":"2024-02-14T17:14:33.809535Z","user_id":28,"status":"PUBLIC","parent_id":533,"id":631,"user":{"photo":null,"email":null,"recess_id":"","created_at":"2023-12-21T15:44:32.712231Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"oldj","id":28,"password_hash":null,"updated_at":"2023-12-21T15:44:32.712233Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let enemies = [];\nlet towers = [];\nlet waveInterval = 1000;\nlet lastWaveTime = 0;\nlet projectiles = [];\nlet gameLost = false;\nlet defeatMessageTimeout = null;\nlet gridSize = 50;\n\nfunction mousePressed() {\n let gridX = Math.floor(mouseX / gridSize) * gridSize + gridSize / 2;\n let gridY = Math.floor(mouseY / gridSize) * gridSize + gridSize / 2;\n let tower = { x: gridX, y: gridY };\n towers.push(tower);\n}\n\nfunction setup() {\n createCanvas(1200, 800);\n background(220);\n}\n\nfunction draw() {\n background(220);\n\n // Draw grid\n stroke(200);\n for (let x = 0; x < width; x += gridSize) {\n for (let y = 0; y < height; y += gridSize) {\n rect(x, y, gridSize, gridSize);\n }\n }\n\n if (gameLost) {\n fill(255, 165, 0);\n textSize(64);\n text('DECISIVE DEFEAT', width / 2, height / 2);\n return;\n }\n\n towers.forEach((tower, i) => {\n fill(0, 0, 255);\n rect(tower.x, tower.y, 50, 50);\n shootProjectile(tower);\n });\n\n enemies.forEach((enemy, i) => {\n fill(enemy.color[0], enemy.color[1], enemy.color[2]); // Correct way to set color\n enemy.y -= enemy.speed;\n if (enemy.color[0] === 0 && enemy.color[1] === 255 && enemy.color[2] === 255) { // Cyan enemy\n enemy.x += enemy.direction;\n if (enemy.x >= width || enemy.x <= 0) {\n enemy.direction *= -1;\n }\n }\n rect(enemy.x, enemy.y, 30, 30);\n if (enemy.y <= 0) {\n gameLost = true;\n if (defeatMessageTimeout) {\n clearTimeout(defeatMessageTimeout);\n }\n defeatMessageTimeout = setTimeout(resetGame, 3000);\n }\n });\n projectiles.forEach((projectile, i) => {\n fill(128, 128, 128);\n ellipse(projectile.x, projectile.y, 10, 10);\n projectile.x += projectile.speedX;\n projectile.y += projectile.speedY;\n });\n\n checkCollision();\n\n if (millis() - lastWaveTime > waveInterval) {\n spawnEnemies();\n lastWaveTime = millis();\n }\n}\n\nfunction shootProjectile(tower) {\n if (frameCount % 60 === 0) {\n for (let angle = 0; angle < 360; angle += 45) {\n let projectile = {\n x: tower.x + 25,\n y: tower.y,\n speedX: 5 * Math.cos(radians(angle)),\n speedY: 5 * Math.sin(radians(angle))\n };\n projectiles.push(projectile);\n }\n }\n}\n\nfunction checkCollision() {\n projectiles.forEach((projectile, i) => {\n enemies.forEach((enemy, j) => {\n let d = dist(projectile.x, projectile.y, enemy.x, enemy.y);\n if (d < 30) {\n enemies.splice(j, 1);\n projectiles.splice(i, 1);\n }\n });\n });\n}\n\nfunction spawnEnemies() {\n for (let i = 0; i < 10; i++) {\n let enemy;\n let rand = random();\n if (rand < 0.1) { // 10% chance\n enemy = { // Cyan enemy\n x: i * 120,\n y: height,\n speed: 8,\n color: [0, 255, 255],\n direction: 1\n };\n } else if (rand < 0.3) { // 20% chance\n enemy = { // Yellow enemy\n x: i * 120,\n y: height,\n speed: 6,\n color: [255, 255, 0]\n };\n } else {\n enemy = { // Red enemy\n x: i * 120,\n y: height,\n speed: 3,\n color: [255, 0, 0]\n };\n }\n enemies.push(enemy);\n }\n}\n\nfunction resetGame() {\n enemies = [];\n towers = [];\n projectiles = [];\n gameLost = false;\n}","style.css":"","index.html":"\n\n\n \n \n Colorful Tower Defense\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}