Reversi Mania - Classic Strategy Board Game

Seele01-Flash
By
Reversi Mania is a free online strategy board game that challenges your tactical thinking. Play the classic reversi game with pure strategy gameplay - no luck involved, just skill and intelligence.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Reversi Mania". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Modern, clean, and sleek aesthetic inspired by the screenshot. Use a deep blue background (`#002b5c`) similar to the title screen. The game should feel like a digital board game played in a premium "mind arena." * **The Board:** Generate a 3D 8x8 grid board. The board base should be a dark, matte material (dark grey or black) with slightly raised grid lines to separate cells. * **The Pieces (Discs):** Create 3D coin-shaped cylinders (Reversi discs). They must be two-sided (one side White, one side Black). Use `CylinderGeometry`. * **Animation:** When a piece is captured, it must physically flip 180 degrees (animate rotation over the X or Z axis) to change color. This animation is the core visual reward. * **Lighting:** Use a 3-point lighting setup (Key, Fill, Back) to make the pieces look glossy and 3D. Add a soft shadow map to ground the pieces on the board. * **Mobile Optimization:** Use `InstancedMesh` if possible for the 64 potential board slots to reduce draw calls, or keep geometry segments low (e.g., 32 segments for cylinders) to ensure 60FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** A low-profile, intellectual, and strategic track (e.g., soft ambient electronic or minimal jazz piano) that aids concentration. * **Sound Effects (SFX):** * **Placement:** A satisfying "Clack" or hard plastic tap sound when a piece is placed. * **Flipping:** A rapid "zip" or "click" sound for every piece that turns over. * **Invalid Move:** A soft, low-pitch "thud" or error tone. * **Game Over:** A short triumphant jingle for the winner. ### 3. Gameplay Loop * **Rules:** Standard Reversi/Othello rules. * **Start:** The board starts with 2 White and 2 Black pieces in the center in a diagonal pattern. Black usually moves first. * **Mechanic:** A player must place their piece on an empty square that brackets one or more opponent pieces between the new piece and an existing piece of their own color. * **Capture:** All bracketed opponent pieces are flipped to the current player's color. * **Pass Turn:** If a player has no valid moves, the turn passes to the opponent. * **Winning:** The game ends when the board is full or neither player can move. The player with the most pieces of their color on the board wins. * **AI/Opponent:** Implement a basic "Greedy AI" (always chooses the move that flips the most pieces) for a single-player mode, or a Local Hot-seat Multiplayer mode (alternating turns on the same device). ### 4. Mobile Controls & Interaction * **Camera:** Use a fixed Perspective Camera or Orthographic Camera positioned top-down (but slightly angled) to show the 3D depth of the pieces. Ensure the entire 8x8 grid fits within the width of a portrait mobile screen. * **Touch Controls:** Implement `Raycaster` for touch detection. * The user taps a board square to place a piece. * **Visual Assist (Critical for Mobile):** Highlight "Valid Moves" with a semi-transparent ghost piece or a glowing dot. This helps users know exactly where they can tap, reducing frustration on small screens. * **UI Overlay:** * Display the current score (Black Count vs. White Count) clearly at the top of the screen. * Display a "Current Turn" indicator (e.g., "Black's Turn"). * Add a "Restart" button in a safe zone (away from the board) to prevent accidental clicks. * **Feedback:** Trigger `navigator.vibrate(10)` (haptic feedback) on valid moves if supported. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Reversi Mania

Reversi Mania is a compelling free strategy board game that brings the ancient art of tactical warfare to your screen. With a solid 4.2/5 rating, this classic game challenges players to outthink their opponents in pure strategic combat. Unlike games that rely on chance or customizable elements, Reversi Mania is all about raw intelligence, planning, and pattern recognition.

This timeless strategy game pits two opposing forces against each other on a classic black and white board. There are no ties, no bonus rounds, and no luck - just winners and losers determined by strategic superiority.

Core Features

Pure Strategy Gameplay

Reversi Mania rewards skill and intelligence above all else. Every move matters, every decision counts, and victory belongs to the most strategic mind. The game eliminates randomness entirely, making it a true test of tactical prowess.

Cross-Platform Accessibility

  • Completely Free : Play without any cost or hidden fees
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • Desktop Compatible : Seamless mouse-based gameplay on computers
  • Instant Play : No downloads required - start playing immediately in your browser

Multiplayer Competition

Challenge friends or face opponents from around the world in intense strategic battles. The multiplayer mode adds a social element to this classic mind game, allowing you to test your skills against real human opponents.

Clean, Focused Design

The game features a minimalist black and white aesthetic that keeps your focus on strategy rather than flashy distractions. This clean design ensures that every game element serves the strategic gameplay.

Game Mechanics

Reversi follows traditional rules where players take turns placing pieces on an 8x8 board. The objective is to have the majority of pieces showing your color when the board fills up or no more legal moves remain. Players must flank opponent pieces to flip them to their color, creating dynamic board positions that require careful planning.

Strategic Depth

Each game presents unique challenges as board positions evolve. Players must: - Anticipate opponent moves several turns ahead - Control key board positions and corners - Balance aggressive expansion with defensive positioning - Recognize patterns and exploit tactical opportunities

How to Play

Getting Started: - Use your mouse on desktop or finger on mobile devices - Navigate the intuitive menus to choose your preferred game mode - Select your piece color (black or white)

Gameplay Controls: - Mouse/Touch : Click or tap to place your pieces on valid squares - Menu Navigation : Use simple point-and-click interface - Strategic Placement : Click on the most advantageous board positions to outmaneuver opponents

The game automatically highlights valid moves, making it accessible for beginners while maintaining the strategic depth that experts crave.

Why Play Reversi Mania

Mental Exercise

Reversi Mania provides excellent brain training through strategic thinking and pattern recognition. Regular play can improve your analytical skills, forward planning, and tactical decision-making abilities.

Timeless Appeal

This ancient game has captivated minds for generations because it never gets old. Each game presents fresh challenges, ensuring unlimited replayability without repetitive gameplay.

Competitive Edge

Perfect for players who enjoy games of pure skill where victory depends entirely on strategic thinking rather than random chance. Build your reputation as a master tactician through consistent strategic excellence.

Accessibility

With support for all devices and completely free gameplay, Reversi Mania removes all barriers between you and strategic entertainment. Play anywhere, anytime, against anyone.

Frequently Asked Questions (FAQ)