Tower Defense Adventure

{"name":"Tower Defense Adventure","description":"Dive into the exciting world of Tower Defense Adventure! Build and customize your own towers to fend off waves of quirky enemies. With easy-to-use controls and a vibrant visual style, this game is perfect for aspiring programmers looking to learn while having fun.","photo":null,"view_count":2,"fork_count":1,"expires_at":null,"created_at":"2025-03-04T14:16:12.586589Z","updated_at":"2025-03-04T14:16:12.586591Z","user_id":97,"status":"PRIVATE","parent_id":5952,"id":5958,"user":{"photo":null,"email":"leobm365@gmail.com","recess_id":"e4690172-2707-46c3-8bcb-1a2b76e418e9","created_at":"2024-05-02T18:14:08.971561Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"super_kamin","id":97,"password_hash":"$2b$12$PMJB58N8WLDuLopyknSp6.czfqNoUg9tTH9bQqK.0xzUbXRKoCWEW","updated_at":"2024-05-02T18:14:08.971564Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let path = [];\n\nlet towers = [];\n\nlet enemies = [];\n\nlet enemySpeed = 2;\n\nlet enemySpawnInterval = 60;\n\nlet score = 0;\n\nlet enemiesReachedEnd = 0;\n\nlet gamePaused = false;\n\nlet gridSize = 50;\n\nlet columns;\n\nlet rows;\n\nlet selectedTowerType = 'basic';\n\nconst towerButtons = document.querySelectorAll('.towerButton');\n\nlet towerRadius = 15;\n\nfunction preload() {\n nan_coin = loadImage(\"@asset('nan_coin')\"); // Load the nan_coin image\n hamartia = loadImage(\"@asset('hamartia')\");\n duct_router = loadImage(\"@asset('duct_router')\");\n melon = loadImage(\"@asset('melon')\");\n mega = loadImage(\"@asset('mega')\");\n butter_flies = loadImage(\"@asset('butter_flies')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235);\n createPath();\n placeTowers();\n spawnEnemies();\n\n // Calculate grid dimensions\n columns = floor(width / gridSize);\n rows = floor(height / gridSize);\n}\n\nfunction draw() {\n background(135, 206, 235);\n\n if (gamePaused) {\n displayGameOver(); // Show game over message\n return; // Exit the function to pause the game\n }\n\n // Draw the grid\n drawGrid();\n\n // Display the score at the top left of the canvas\n fill(0); // Black color for text\n textSize(32); // Font size\n text(`Score: ${score}`, 10, 30); // Display score\n\n drawPath();\n drawTowers();\n drawEnemies();\n moveEnemies();\n\n // Spawn enemies at regular intervals\n if (frameCount % enemySpawnInterval === 0) {\n spawnEnemy();\n }\n}\n\nfunction createPath() {\n // Define a simple path as an array of points\n path = [\n { x: 100, y: 100 },\n { x: 300, y: 100 },\n { x: 300, y: 300 },\n { x: 500, y: 300 },\n // Add more points as needed\n ];\n}\n\nfunction drawPath() {\n stroke(0);\n strokeWeight(3);\n noFill();\n beginShape();\n for (let i = 0; i < path.length; i++) {\n vertex(path[i].x, path[i].y);\n }\n endShape();\n}\n\nfunction drawEnemies() {\n fill(255, 0, 0); // Red color for enemies\n noStroke();\n for (let i = 0; i < enemies.length; i++) {\n rect(enemies[i].x, enemies[i].y, 15, 15);\n }\n}\n\nfunction spawnEnemies() {\n // Define initial enemy positions and target index\n enemies = [\n { x: 100, y: 100, targetIndex: 0 },\n // Add more enemies as needed\n ];\n}\n\nfunction spawnEnemy() {\n // Add a new enemy at the start of the path\n enemies.push({ x: path[0].x, y: path[0].y, targetIndex: 0 });\n}\n\nfunction displayGameOver() {\n fill(255, 0, 0); // Red color for the game over message\n textSize(64); // Large font size\n textAlign(CENTER); // Center the text\n text(\"Game Over!\", width / 2, height / 2 - 50); // Display message at the center of the canvas\n\n // Show the restart button\n document.getElementById('restartButton').style.display = 'block';\n}\n\nfunction restartGame() {\n score = 0; // Reset score\n enemiesReachedEnd = 0; // Reset enemy reach counter\n enemies = []; // Clear enemies\n towers = []; // Clear towers\n gamePaused = false; // Unpause the game\n createPath(); // Recreate path\n placeTowers(); // Reinitialize towers\n spawnEnemies(); // Reinitialize enemies\n document.getElementById('restartButton').style.display = 'none'; // Hide the restart button\n}\n\ndocument.getElementById('restartButton').addEventListener('click', restartGame);\n\nfunction drawGrid() {\n stroke(200); // Light gray color for grid lines\n for (let i = 0; i <= columns; i++) {\n line(i * gridSize, 0, i * gridSize, height); // Vertical lines\n }\n for (let j = 0; j <= rows; j++) {\n line(0, j * gridSize, width, j * gridSize); // Horizontal lines\n }\n}\n\ntowerButtons.forEach(button => {\n button.addEventListener('click', function () {\n selectedTowerType = this.getAttribute('data-tower-type');\n console.log(`Selected Tower Type: ${selectedTowerType}`); // Log selected tower type\n });\n});\n\nfunction mousePressed() {\n if (!gamePaused) {\n // Snap the tower position to the grid\n let towerX = floor(mouseX / gridSize) * gridSize;\n let towerY = floor(mouseY / gridSize) * gridSize;\n\n // Check if the position is valid (not overlapping with other towers)\n let overlap = false;\n for (let i = 0; i < towers.length; i++) {\n if (towers[i].x === towerX && towers[i].y === towerY) {\n overlap = true;\n break; // Exit the loop if there's an overlap\n }\n }\n\n if (!overlap) {\n // Add a new tower at the snapped position based on the selected tower type\n towers.push({ x: towerX, y: towerY, type: selectedTowerType });\n }\n }\n}\n\nfunction drawTowers() {\n for (let i = 0; i < towers.length; i++) {\n let tower = towers[i];\n if (tower.type === 'basic') {\n // Draw the nan_coin image for the basic tower\n image(nan_coin, tower.x - 10, tower.y - 10, 20, 20); // Adjust size as needed\n }\n // You can add more conditions here for other tower types.\n }\n}\n\nfunction moveEnemies() {\n for (let i = enemies.length - 1; i >= 0; i--) { // Loop backwards to avoid skipping elements\n // Move enemies towards the next point on the path\n if (enemies[i].targetIndex < path.length) {\n let target = path[enemies[i].targetIndex];\n let dx = target.x - enemies[i].x;\n let dy = target.y - enemies[i].y;\n let distance = dist(enemies[i].x, enemies[i].y, target.x, target.y);\n\n // Normalize the direction and move the enemy towards the target\n if (distance > 1) {\n enemies[i].x += (dx / distance) * enemySpeed;\n enemies[i].y += (dy / distance) * enemySpeed;\n } else {\n enemies[i].targetIndex++; // Move to the next target point\n }\n\n // Check if the enemy has reached the end of the path\n if (enemies[i].targetIndex >= path.length) {\n enemiesReachedEnd++; // Increment counter for reached enemies\n console.log(\"Enemy reached the end! Total reached: \" + enemiesReachedEnd); // Log for debugging\n enemies.splice(i, 1); // Remove the enemy for now\n\n // Check if the player has lost\n if (enemiesReachedEnd >= 3) {\n gamePaused = true; // Pause the game\n displayGameOver(); // Call to display the game over message\n }\n }\n }\n\n // Check collision with towers\n for (let j = 0; j < towers.length; j++) {\n let tower = towers[j];\n let towerX = tower.x;\n let towerY = tower.y;\n let towerRadius = 15; // Adjusted radius for collision detection\n let enemySize = 7.5; // Half the size of the enemy for collision detection\n\n // Check if the enemy is close enough to the tower\n if (dist(enemies[i].x, enemies[i].y, towerX, towerY) < towerRadius + enemySize) {\n console.log(`Collision detected! Enemy at (${enemies[i].x}, ${enemies[i].y}) with Tower at (${towerX}, ${towerY})`);\n\n // Reduce health of the tower by 20\n tower.health -= 20;\n console.log(`Tower health reduced! New health: ${tower.health}`);\n\n // Check if the tower's health is 0 or below\n if (tower.health <= 0) {\n console.log(`Tower destroyed! Removing tower at (${towerX}, ${towerY})`);\n towers.splice(j, 1); // Remove the tower if health is depleted\n }\n\n enemies.splice(i, 1); // Remove enemy if it collides with a tower\n score++; // Increase score when an enemy is destroyed\n break; // Exit the loop since this enemy has been removed\n }\n }\n function placeTowers() {\n // Define tower positions with health\n towers = [\n { x: 200, y: 150, type: 'basic', health: 100 }, // Basic tower with health\n { x: 400, y: 250, type: 'advanced', health: 100 }, // Example advanced tower\n ];\n }}}\n\nfunction placeTowers() {\n // Define tower positions with health\n towers = [\n { x: 200, y: 150, type: 'basic', health: 100 }, // Basic tower with health\n { x: 400, y: 250, type: 'advanced', health: 100 }, // Example advanced tower\n ];\n}\n\n","style.css":"body { margin: 0; }\n\n/* style.css */\nbody {\n margin: 0;\n}\n\ncanvas {\n display: block;\n}\n\n#restartButton {\n position: absolute; /* Position the button absolutely */\n top: 50%; /* Center vertically */\n left: 50%; /* Center horizontally */\n transform: translate(-50%, -50%); /* Adjust position to be centered */\n padding: 10px 20px; /* Add some padding */\n font-size: 24px; /* Font size */\n background-color: green; /* Button color */\n color: white; /* Text color */\n border: none; /* Remove default border */\n border-radius: 5px; /* Rounded corners */\n cursor: pointer; /* Change cursor to pointer */\n}\n\n#towerSelection {\n position: fixed; /* Fixes the UI at the bottom */\n bottom: 0; /* Aligns to the bottom */\n left: 0; /* Aligns to the left */\n width: 100%; /* Full width */\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */\n padding: 10px; /* Padding for the buttons */\n display: flex; /* Flexbox for button layout */\n justify-content: center; /* Center the buttons */\n}\n\n.towerButton {\n background-color: #4CAF50; /* Green background for buttons */\n color: white; /* White text color */\n border: none; /* Remove border */\n padding: 15px 20px; /* Padding for buttons */\n margin: 0 10px; /* Margin between buttons */\n font-size: 16px; /* Font size */\n cursor: pointer; /* Pointer cursor on hover */\n border-radius: 5px; /* Rounded corners */\n}\n\n.towerButton:hover {\n background-color: #45a049; /* Darker green on hover */\n}\n","index.html":"\n\n\n\n \n \n Tower Defense Adventure\n \n \n\n\n \n \n

\n \n \n \n

\n\n \n\n"},"chat_history":[],"assets":[{"cloudinary_id":"sucqbnylrkj9az2y0nw3","name":"hamartia","deleted":false,"id":60119,"created_at":"2025-03-04T14:16:12.599261Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"fzp7fnnfcrkne9uzt93t","name":"nan_coin","deleted":false,"id":60118,"created_at":"2025-03-04T14:16:12.598177Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"agtnvzd2jwb5i2ybqe9j","name":"duct_router","deleted":false,"id":60117,"created_at":"2025-03-04T14:16:12.597026Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"pxsr6tt3bloopfnfogmc","name":"watermelon","deleted":false,"id":60116,"created_at":"2025-03-04T14:16:12.595646Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"ljwwdjofaoghj5vovf4d","name":"melon","deleted":false,"id":60115,"created_at":"2025-03-04T14:16:12.594561Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"gocmgyxladuhvruqnrei","name":"mega","deleted":false,"id":60114,"created_at":"2025-03-04T14:16:12.593457Z","project_id":5958,"resource_type":"image"},{"cloudinary_id":"ecvpjkgitvxgme2awfvh","name":"butter_flies","deleted":false,"id":60113,"created_at":"2025-03-04T14:16:12.592162Z","project_id":5958,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[]}