Neon War

Seele01-Flash
By
Neon War is an exciting skill-based arcade game featuring a futuristic neon cannon that shoots glowing balls at numbered blocks. Master precise aiming and timing to destroy targets while unlocking powerful upgrades.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Neon War". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Cyberpunk/Synthwave aesthetic. High contrast with a dark background and bright, glowing neon assets. * **Rendering**: Utilize **Post-processing Bloom** (UnrealBloomPass) to create the "neon" glow effect. * **Camera**: Orthographic camera positioned for a top-down/front view, locked to simulate a 2D vertical plane but using 3D meshes for depth perception. * **Player Asset (Cannon)**: A stylized, low-poly tank or cannon built from simple geometries (Cylinders, Cubes) with bright yellow emissive materials. It should have a recoil animation when firing. * **Enemies (Hexagons)**: Extruded hexagon meshes with white/cyan glowing edges. Inside the hexagon, display a **floating 3D number** (TextMesh) representing its Health Points (HP). * **Projectiles**: Simple glowing spheres (yellow). * **Background**: A dark blue/purple brick wall texture. It can be a simple plane with a grid shader or a tiling texture to simulate the wall in the screenshot. * **Optimization**: Use **InstancedMesh** for projectiles and enemies to ensure 60FPS on mobile devices, as there will be many objects on screen simultaneously. ### 2. Audio Requirements * **BGM**: Fast-paced, loopable **Synthwave / Retrowave** track (electronic bass, synthesizer melodies) to match the neon aesthetic. * **SFX**: * **Shooting**: A soft, digital "pew" or laser pulse sound (high frequency). * **Impact**: A metallic "tink" sound when a ball hits a hexagon. * **Explosion**: A digital "shatter" or glass-breaking sound when a hexagon reaches 0 HP. * **Upgrade**: A positive, rising chime sound when an upgrade is selected. ### 3. Gameplay Loop * **Core Mechanic**: The player controls a cannon at the bottom of the screen. The cannon **automatically shoots** projectiles upward at a fixed fire rate. * **Movement**: The cannon moves only along the X-axis (horizontally). * **Enemy Logic**: Hexagonal blocks spawn at the top of the screen and slowly descend. Each block has a number (HP). When hit by a projectile, HP decreases by the player's damage value. When HP <= 0, the block is destroyed. * **Progression**: * Destroying blocks earns "Currency". * Between waves or levels, show a simple UI allowing upgrades: **Fire Rate**, **Damage**, **Health**, or **Pet** (a small satellite drone that also shoots). * **Win/Loss**: The game is endless. The player has a Health Bar. If a block touches the cannon or the "floor" line, the player takes damage. Game Over when player Health = 0. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) only, to maximize the view of falling enemies. * **Touch Control**: * **Drag-to-Move**: The user can touch *anywhere* on the bottom half of the screen and drag left/right to move the cannon. * **1:1 Response**: The cannon's horizontal position should map directly to the finger's horizontal position for precise aiming. * **Haptic Feedback**: Trigger a light vibration (using `navigator.vibrate`) whenever a block is destroyed to provide tactile satisfaction. * **UI/UX**: * Score display at the top center. * Upgrade buttons (if implemented) must be large (minimum 44x44px hit area) and easily tappable with a thumb. * Start/Restart button should be centered and pulsating. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Neon War is a captivating skill-based arcade game that combines precise aiming mechanics with stunning neon visuals. In this fast-paced shooter, you control a futuristic cannon that automatically fires glowing projectiles at numbered blocks arranged throughout the playing field. The game challenges your reflexes and strategic thinking as you position your cannon to hit targets efficiently.

The game features a distinctive cyberpunk aesthetic with bright neon colors against a dark background, creating an immersive visual experience that keeps players engaged. Each numbered block requires multiple hits to destroy, with the numbers indicating exactly how many shots are needed.

Core Features

Automatic Firing System

Unlike traditional shooting games, Neon War features an automatic cannon that fires continuously. This unique mechanic shifts the focus from timing shots to precise positioning, creating a fresh take on the arcade shooter genre.

Progressive Difficulty

As you advance through levels, the game introduces more complex block arrangements and higher numbers, requiring strategic planning and quick reflexes to succeed.

Upgrade System

Earn rewards to unlock powerful enhancements: - Damage Boost : Increase the power of each shot to clear blocks faster - Fire Rate : Speed up your cannon's shooting frequency - Health Upgrades : Increase survivability for longer gaming sessions
- Pet Companions : Unlock special helpers that provide additional benefits

Neon Visual Style

The game's striking neon aesthetic features glowing yellow and white elements against a dark blue grid background, creating an authentic cyberpunk atmosphere that's both modern and nostalgic.

Gameplay Mechanics

Strategic Positioning

Success in Neon War depends on your ability to predict ball trajectories and position your cannon optimally. Since the cannon fires automatically, you must think ahead and plan your movements carefully.

Block Destruction System

Each block displays a number indicating how many hits it requires. Plan your approach to clear blocks efficiently and avoid getting overwhelmed by accumulating targets.

Skill Development

The game rewards players who develop: - Spatial awareness : Understanding ball physics and trajectories - Quick decision-making : Rapid repositioning under pressure - Strategic planning : Optimizing upgrade choices for your playstyle

Operation Guide

Basic Controls

  • Hold Left Mouse Button : Activate cannon control mode
  • Move Mouse Horizontally : Slide the cannon left and right to adjust position
  • Release Mouse Button : Let the cannon continue auto-firing from its current position

Pro Tips for Success

  1. Anticipate Movement : Since the cannon fires automatically, position it where balls will be most effective
  2. Focus on High Numbers : Prioritize blocks with higher numbers as they take longer to clear
  3. Use Upgrades Wisely : Balance between damage, fire rate, and defensive improvements
  4. Watch Ball Patterns : Learn how balls bounce and ricochet to maximize efficiency

Why Play Neon War?

Perfect for Skill Building

Neon War offers an excellent way to develop hand-eye coordination and strategic thinking. The automatic firing system creates a unique challenge that's easy to learn but difficult to master.

Stress-Free Gaming

With its smooth controls and satisfying visual feedback, Neon War provides a relaxing yet engaging gaming experience perfect for short breaks or extended play sessions.

No Barriers to Entry

  • Completely Free : No payment required to access full gameplay
  • Browser-Based : Play instantly without downloads or installations
  • Universal Compatibility : Works on desktop computers, laptops, tablets, and smartphones
  • Quick Sessions : Perfect for both casual and dedicated gaming

Addictive Progression System

The upgrade system provides constant goals and rewards, ensuring that each gaming session feels productive and rewarding. Unlock new abilities and watch your cannon become increasingly powerful.

Whether you're a fan of arcade classics or modern skill games, Neon War delivers an engaging experience that combines nostalgic gameplay with contemporary visual design.

Frequently Asked Questions (FAQ)