Vector TD - Tower Defense Game

Seele01-Flash
By
Vector TD is a minimalist tower defense game featuring clean vector graphics and strategic gameplay. Place towers strategically to eliminate waves of incoming enemies in this classic defense experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Vector TD". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Recreate the iconic "Vector/Neon" aesthetic. The game world should look like a digital blueprint or a cyberspace simulation. Use high-contrast neon colors (cyan, electric green, bright red) against a deep dark teal or black background. * **Geometry & Materials:** * **Towers & Enemies:** Do not use complex 3D models. Use `THREE.ShapeGeometry` or `THREE.ExtrudeGeometry` to create flat, geometric shapes (triangles, squares, pentagons). Apply `THREE.MeshBasicMaterial` with bright colors. * **The Grid:** Create a visible grid on the ground plane using `THREE.GridHelper` or `THREE.LineSegments`. The grid lines should be a faint cyan. * **Post-Processing:** Implement a **Bloom Effect** (using `UnrealBloomPass`) to make the neon colors glow. This is crucial for the "Vector" feel. *Optimization Note:* Keep the bloom resolution low and threshold high to maintain high FPS on mobile devices. * **Camera:** Use an `OrthographicCamera` positioned at a top-down angle (e.g., `position.set(0, 10, 0)` looking at `(0,0,0)`) to maintain the classic 2D perspective while leveraging WebGL performance. ### 2. Audio Requirements * **Background Music (BGM):** A looping, rhythmic "Synthwave" or "Minimal Techno" track. It should sound digital, futuristic, and slightly repetitive to induce a flow state. * **Sound Effects (SFX):** * **Tower Fire:** distinct synthesized sounds for different towers (e.g., high-pitch "Pew" for lasers, low-pitch "Thump" for cannons). * **Enemy Death:** A digital "crunch" or glass-shattering sound accompanied by a particle burst. * **UI Interaction:** A high-tech "blip" when selecting towers and a "buzz" error sound when trying to place a tower in an invalid spot. ### 3. Gameplay Loop * **Core Mechanics:** 1. **Map:** A fixed grid layout with a predefined path (waypoints) that enemies follow from a "Spawn Point" to a "Base". 2. **Waves:** Enemies spawn in waves with increasing HP and speed. 3. **Economy:** Player starts with fixed cash. Killing enemies rewards cash. Placing towers costs cash. 4. **Lives:** If an enemy reaches the Base, the player loses a life. Game Over if lives reach 0. * **Tower Types (Implement at least 3):** * *Green Laser:* Fast fire rate, low damage, single target. * *Blue Ray:* Slow fire rate, slows down enemies (Cold/Stasis effect). * *Red Rocket:* Slow fire rate, high damage, slight splash area. * **Enemy Behavior:** Enemies are simple shapes that move along the path. Upon reaching 0 HP, they should explode into small wireframe particles. ### 4. Mobile Controls & Interaction * **Orientation:** Force **Landscape Mode** for the best field of view. * **Touch Controls:** * **Selection:** Create a UI toolbar at the bottom or right side of the screen containing Tower Icons. These must be at least 44x44px for hit-testing. * **Placement:** Implement a "Select -> Tap Grid" workflow. 1. Tap a UI Tower Icon to select it (highlight the icon). 2. Tap a valid grid cell on the map to place the tower. * **Raycasting:** Use `THREE.Raycaster` to detect touches on the grid plane. * **Visual Feedback:** * When a tower is selected, show a "Ghost" version of the tower snapping to the grid under the player's finger/cursor before placement. * Show a Range Circle (wireframe ring) around the selected tower to indicate firing distance. * Valid placement = Ghost turns Green; Invalid placement (on path or obstacle) = Ghost turns Red. * **Performance:** Limit max particle count for explosions to ensure battery efficiency on mobile. Use Object Pooling for enemies and bullets to avoid Garbage Collection stutters. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Vector TD is a classic tower defense game that has captivated strategy enthusiasts since its original release. This timeless defense game features clean, minimalist vector graphics that create a unique visual experience while focusing purely on strategic gameplay. The game challenges players to think tactically as they defend against increasingly difficult waves of enemies using various tower types and upgrade systems.

With its intuitive gameplay mechanics and progressively challenging levels, Vector TD offers both newcomers and veterans of the tower defense genre an engaging strategic experience. The game's elegant simplicity makes it accessible while maintaining the depth that strategy game fans crave.

Core Features

Minimalist Vector Graphics

The game's distinctive vector art style creates a clean, focused gaming environment that eliminates visual clutter and allows players to concentrate on strategic decision-making. The geometric aesthetic is both timeless and functional.

Strategic Tower Placement

Success requires careful consideration of tower positioning, enemy pathfinding, and resource management. Each tower placement decision can dramatically impact your defensive effectiveness.

Progressive Difficulty System

Enemies become increasingly challenging as you advance through waves, introducing new enemy types with different speeds, health levels, and special abilities that require adaptive strategies.

Multiple Tower Types

Choose from various tower classes, each with unique damage types, ranges, and special effects. Experiment with different combinations to find the most effective defensive strategies.

Upgrade and Enhancement System

Improve your towers throughout the game to increase their effectiveness against stronger enemies. Strategic upgrading is crucial for surviving later waves.

Game Mechanics

Tower Defense Fundamentals

Enemies follow predetermined paths across the battlefield, and your goal is to eliminate them before they reach their destination. Place towers along these paths to maximize damage output while managing your limited resources.

Resource Management

Earn currency by defeating enemies, which can be spent on new towers or upgrades. Balancing immediate defensive needs with long-term strategic investments is key to success.

Wave-Based Gameplay

Each wave presents new challenges with different enemy compositions. Some waves feature fast, weak enemies while others include slow, heavily armored units requiring different tactical approaches.

Operation Guide

Basic Controls

  • Left Mouse Button : Select and place towers on the battlefield
  • Tower Selection : Click on existing towers to view upgrade options
  • Strategic Planning : Study enemy paths before placing your first tower

Gameplay Tips

  • Start Simple : Place your first towers at chokepoints where enemies must pass
  • Plan Ahead : Consider future wave compositions when choosing tower types
  • Upgrade Wisely : Sometimes upgrading existing towers is more effective than building new ones
  • Monitor Resources : Keep track of your currency to ensure you can respond to emerging threats

Advanced Strategies

  • Combination Tactics : Use different tower types together for maximum effectiveness
  • Path Manipulation : Some tower placements can influence enemy movement patterns
  • Timing Management : Know when to save resources versus when to spend aggressively

Why Play Vector TD

Vector TD represents tower defense gaming at its purest form. The game strips away unnecessary complexity to focus on what makes the genre compelling: strategic thinking, resource management, and tactical decision-making. Its vector graphics ensure the game remains visually appealing regardless of technological advances.

The game is completely free and runs directly in your web browser without requiring downloads or installations. This accessibility, combined with its engaging gameplay, makes it perfect for quick strategy sessions or extended gaming marathons.

Whether you're new to tower defense games or a seasoned strategist, Vector TD offers a refined experience that emphasizes skill and planning over flashy graphics or complex mechanics. It's a testament to the principle that great gameplay transcends visual spectacle.

Perfect for Strategy Enthusiasts

The game rewards careful planning, pattern recognition, and adaptive thinking. Each playthrough offers opportunities to refine your strategies and discover new tactical approaches.

Timeless Appeal

Unlike games dependent on cutting-edge graphics, Vector TD's minimalist design ensures it remains engaging and accessible across different devices and time periods.

Frequently Asked Questions (FAQ)