Battleships Armada - Classic Naval Combat Strategy Game

Seele01-Flash
By
Battleships Armada brings the beloved classic naval strategy game to your browser. Position your fleet strategically, target enemy ships carefully, and emerge victorious in this timeless battle of wits and tactics.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Battleships Armada". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a **Stylized / Low-Poly 3D** aesthetic similar to casual mobile games. The palette should use bright, saturated colors (Cyan ocean, Orange explosions, Grey/White ships). * **The Ocean (Board):** Use a custom ShaderMaterial for the water to create a gentle wave animation without heavy performance cost. The water should have a 10x10 grid overlay visible on the surface. Distinguish the Player's grid (Bottom) from the Enemy's grid (Top). * **The Fleet:** Generate simple geometric approximations (Low-poly) for the 5 classic ships: Carrier (5 cells), Battleship (4 cells), Cruiser (3 cells), Submarine (3 cells), and Destroyer (2 cells). Ships should wobble slightly with the waves. * **VFX:** * **Hit:** A particle system explosion (orange/red cubes or sprites) with a rising smoke trail. * **Miss:** A white/blue water splash particle effect. * **Fog:** Use `scene.fog` (hex: #87CEEB) to blend the horizon into a bright sky, mimicking the screenshot's sunset/sunrise gradient. ### 2. Audio Requirements * **Background Music (BGM):** A looped track featuring an orchestral military march, but lighthearted and casual (snare drums, flutes). It should not be intense or scary. * **Sound Effects (SFX):** * **UI:** Soft mechanical clicks when rotating ships or selecting buttons. * **Cannon Fire:** A deep "thud" sound when a turn is taken. * **Hit:** A loud, satisfying explosion/metal crunch. * **Miss:** A playful "bloop" or water splash sound. * **Win/Loss:** A short brass fanfare for victory; a descending whistle for defeat. ### 3. Gameplay Loop * **Phase 1: Deployment:** The player drags and drops their 5 ships onto their grid. Double-tap a ship to rotate it. A "Start Game" button appears only when all ships are validly placed. * **Phase 2: Combat:** * Turn-based logic. Player touches a cell on the Enemy Grid. * **Animation:** A projectile arc flies from the player's side to the target cell. * **Outcome:** If a ship occupies the cell, mark as "Hit" (Red Peg/Explosion). If empty, mark as "Miss" (White Peg/Splash). * **AI Turn:** The computer takes a shot at the player. Implement a basic "Hunt and Target" AI (random shots until a hit, then checking adjacent cells). * **Victory Condition:** First side to sink all enemy ships wins. Display a "Victory/Defeat" modal with a "Replay" button. ### 4. Mobile Controls & Interaction * **Orientation:** Fixed **Portrait Mode**. Split screen layout: Enemy Grid takes up the top half, Player Grid takes up the bottom half. * **Input Method:** * Use `THREE.Raycaster` for touch detection. * **Deployment:** Implement Drag-and-Drop controls for ship placement. Snap-to-grid functionality is mandatory. * **Firing:** Single tap on the enemy grid to fire. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(200)` on a successful Hit, and `navigator.vibrate(50)` on a Miss. * **Camera Shake:** Apply a subtle camera shake effect (using random offsets) whenever a ship is hit. * **UI:** All buttons (Start, Rotate, Replay) must have a minimum touch target size of 44x44 pixels and be placed at the bottom of the screen for thumb accessibility. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Battleships Armada is the definitive online adaptation of the classic Battleship board game that has entertained families for generations. This web-based version captures all the strategic depth and excitement of the original while adding modern conveniences and smooth gameplay mechanics. Challenge yourself against intelligent AI opponents across three difficulty levels, from beginner-friendly easy mode to challenging hard mode that will test even experienced strategists.

The game faithfully recreates the tension and excitement of naval warfare, where every decision matters and one wrong move could mean the difference between victory and defeat. With its clean interface and intuitive controls, Battleships Armada makes it easy for both newcomers and veterans to jump into the action.

Core Features

Strategic Fleet Deployment

Success begins with smart positioning. Choose where to place your naval fleet across the grid, considering both offensive and defensive advantages. Each ship type requires different strategic considerations - longer vessels offer more firepower but are easier targets, while smaller ships can hide in unexpected locations.

Three Difficulty Levels

  • Easy Mode : Perfect for beginners learning the ropes of naval strategy
  • Normal Mode : Balanced challenge for casual players seeking engaging gameplay
  • Hard Mode : Advanced AI that will challenge even the most experienced admirals

Classic Battleship Gameplay

Experience the authentic thrill of the original board game with all traditional rules intact. Call your shots, track hits and misses, and systematically hunt down enemy vessels using logic and deduction.

Browser-Based Convenience

No downloads required - simply open your browser and start playing immediately. The game runs smoothly on all modern devices, from desktop computers to tablets and smartphones.

Gameplay Mechanics

Ship Placement Phase

The battle begins before the first shot is fired. During setup, strategically position your fleet of warships across the grid. Consider spacing, orientation, and potential hiding spots that might confuse your opponent's targeting patterns.

Combat Phase

Once fleets are deployed, the real strategy begins. Take turns selecting grid coordinates to launch missiles at suspected enemy positions. Use hit confirmations and miss indicators to narrow down ship locations and systematically eliminate the opposing fleet.

Victory Conditions

The first admiral to completely destroy the enemy fleet wins the battle. This requires not just lucky shots, but careful planning, logical deduction, and adaptive strategy as new information becomes available.

Operation Guide

Setting Up Your Fleet

Click and drag to position ships on your grid during the deployment phase. Ships can be placed horizontally or vertically, but cannot overlap or extend beyond grid boundaries. Consider various placement strategies:

  • Cluster ships together to mislead opponents
  • Spread ships across the grid to minimize damage
  • Use edge positions strategically
  • Mix predictable and unexpected placements

Targeting Enemy Ships

During combat, click on grid squares to launch missiles at suspected enemy positions. The game provides immediate feedback: - Hit : You've struck an enemy vessel - Miss : Your shot hit empty water - Sunk : You've completely destroyed an enemy ship

Use this information to adjust your targeting strategy and efficiently locate remaining enemy vessels.

Why Play Battleships Armada

Timeless Strategic Appeal

Battleship has remained popular for decades because it perfectly balances luck and skill. While initial ship placement involves some chance, victory ultimately rewards careful planning, logical thinking, and adaptive strategy.

Perfect for All Skill Levels

Whether you're introducing children to strategic thinking or looking for a nostalgic gaming session, Battleships Armada accommodates all experience levels. The multiple difficulty settings ensure appropriate challenge for everyone.

Quick and Engaging Sessions

Each game typically lasts 10-15 minutes, making it perfect for quick entertainment breaks or longer gaming sessions. The turn-based nature allows for thoughtful decision-making without time pressure.

Cognitive Benefits

Regular play helps develop: - Logical reasoning and deduction skills - Spatial awareness and grid-based thinking
- Strategic planning and pattern recognition - Patience and systematic problem-solving

Free and Accessible

Enjoy unlimited gameplay without any cost barriers. No registration required, no in-app purchases, and no ads interrupting your naval battles.

Frequently Asked Questions (FAQ)