Battleship War - Classic Naval Strategy Game

Seele01-Flash
By
Battleship War is a classic naval strategy game where players position their fleet and take turns bombing enemy ships. Experience the timeless board game digitally with strategic gameplay and tactical decision-making.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Battleship War: Tactical Naval Combat**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a "Tactical Holotable" aesthetic. Instead of realistic water rendering (which is expensive on mobile), simulate a glowing blue wireframe or semi-transparent digital sea grid. The ships should look like low-poly, military-grey naval vessels (Carrier, Battleship, Cruiser, Submarine, Destroyer) with distinct silhouettes. * **Camera Perspective:** Use an isometric or high-angle perspective (approx 60 degrees). Implement a smooth transition animation that switches focus between the "Player's Fleet" grid and the "Targeting" grid (the enemy map). * **VFX (Visual Effects):** * **Miss:** A simple white splash ring ripple effect on the grid node. * **Hit:** An orange/red explosion particle burst, followed by a persistent smoke column rising from the damaged ship segment. * **Sinking:** When a ship is fully destroyed, the model should tilt slightly and fade to a darker "wreckage" color. * **Performance Optimization:** Use instanced meshes for the grid squares to reduce draw calls. Keep ship geometry low-poly. Use simple shaders for the water effect rather than complex reflection/refraction physics. ### 2. Audio Requirements * **BGM (Background Music):** A tense, rhythmic, orchestral military march. It should be low-key during the planning phase and increase in intensity (perhaps adding percussion) during the combat phase. * **SFX (Sound Effects):** * **UI:** Crisp, mechanical "radar blip" sounds for button clicks and grid selection. * **Cannon Fire:** A heavy, muffled "thud" when firing. * **Impact:** A sharp metallic crunch and explosion sound for hits. * **Water Splash:** A distinct liquid splash sound for misses. * **Sinking:** A groaning metal sound when a ship is fully eliminated. ### 3. Gameplay Loop * **Phase 1: Deployment:** The player sees a 10x10 grid. They must drag and drop 5 ships (sizes: 5, 4, 3, 3, 2 tiles) onto their grid. Double-tapping a ship rotates it 90 degrees. A "Ready" button confirms the layout. * **Phase 2: Combat (Turn-Based):** * The camera shifts to the "Enemy Grid" (hidden fog of war). * **Player Turn:** Player taps a grid cell to fire. Result is revealed immediately (Hit/Miss). If a Hit occurs, the player gets another turn (optional classic rule) or play passes to AI. * **AI Turn:** The camera briefly pans to the Player's grid to show the enemy firing. The AI should have a basic "hunt and target" logic (if it hits, it tries adjacent cells next turn). * **Win/Loss Condition:** The game ends when all ships of one fleet are sunk. Display a "Victory" or "Defeat" overlay with a replay button. ### 4. Mobile Controls & Interaction * **Orientation:** Portrait Mode preferred for mobile (Player grid at bottom, Enemy grid at top) OR Landscape with a toggle button to switch views. *Let's go with Portrait Mode for simultaneous visibility if screenspace allows, or a "Switch View" button at the bottom for Landscape.* * **Touch Input:** * **Grid Interaction:** Tapping a grid cell should have a generous hit area (raycasting with a slightly larger radius than the visual cell). * **Drag & Drop:** Smooth drag mechanics for ship placement. Ships should snap to the grid. Invalid placements (overlap/out of bounds) should flash red and prevent placement. * **Haptic Feedback:** Trigger a short, sharp vibration on button clicks. Trigger a heavy, long vibration when a ship is hit or sunk. * **UI Layout:** * Buttons (Rotate, Ready, Fire) must be at the bottom of the screen (thumb zone). * Status indicators (Remaining Ships) should be clearly visible at the top. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Battleship War brings the beloved classic board game to your browser with authentic naval combat gameplay. This strategic war game challenges players to outmaneuver their opponents through careful ship placement and tactical bombing runs. Experience the tension of naval warfare as you hunt down enemy vessels while protecting your own fleet from destruction.

The game faithfully recreates the traditional Battleship experience with modern digital convenience. No physical board required - just pure strategic thinking and a bit of luck as you attempt to locate and sink your opponent's hidden fleet.

Core Features

Strategic Fleet Positioning

  • Tactical Ship Placement : Strategically position your battleships, cruisers, destroyers, and submarines across the grid
  • Hidden Deployment : Your opponent cannot see your ship locations, creating suspense and strategic depth
  • Multiple Ship Types : Command various naval vessels, each requiring different tactics to locate and destroy

Turn-Based Combat System

  • Grid-Based Warfare : Launch targeted attacks on specific coordinates to hunt enemy ships
  • Hit or Miss Feedback : Receive immediate results for each attack to guide your next move
  • Progressive Destruction : Systematically destroy enemy vessels by hitting every section of each ship

Classic Board Game Experience

  • Authentic Rules : Faithful adaptation of the traditional Battleship board game mechanics
  • Strategic Depth : Every decision matters in this game of deduction and tactical planning
  • Timeless Gameplay : Enjoy the same engaging experience that has entertained families for generations

Gameplay Strategy

Winning Tactics

Success in Battleship War requires more than luck. Develop systematic search patterns, remember hit locations, and use logical deduction to efficiently locate enemy ships. Consider ship orientation and clustering patterns when planning your attacks.

Ship Placement Tips

Avoid predictable patterns when positioning your fleet. Mix horizontal and vertical orientations, and don't cluster all ships in corners or edges where opponents often search first.

Operation Instructions

The game uses simple mouse controls for all interactions:

  • Mouse Click : Select grid coordinates for ship placement and attacks
  • Drag and Drop : Position your ships during the setup phase
  • Screen Prompts : Follow on-screen instructions for game flow

The interface guides you through each phase, from initial fleet deployment to the final battle phases.

Game Phases

Setup Phase

Begin by strategically placing your naval fleet on your private grid. Consider ship sizes and optimal positioning to make them difficult for your opponent to locate.

Battle Phase

Take turns with your opponent, calling out coordinates to launch attacks. Use the feedback from hits and misses to systematically hunt down enemy vessels.

Victory Conditions

The first player to completely sink their opponent's entire fleet wins the battle. Success requires both strategic thinking and efficient target selection.

Why Play Battleship War

This digital adaptation preserves everything players love about the classic board game while adding modern conveniences. No setup time, no lost pieces, and the ability to play instantly in your browser. Perfect for strategy game enthusiasts, families, and anyone who enjoys tactical gameplay.

The game offers excellent replay value since each match features different ship configurations and attack patterns. Whether you're a veteran of the board game or discovering Battleship for the first time, this online version provides hours of strategic entertainment.

Platform Compatibility

Battleship War runs smoothly on all modern web browsers, supporting both desktop and mobile devices. Play on Windows, Mac, iOS, or Android - no downloads required.

Frequently Asked Questions (FAQ)