Reversi Fight - Strategic Board Game

Seele01-Flash
By
Reversi Fight offers a fresh take on the classic Othello strategy game with unique rules and challenging AI opponents. Test your strategic thinking across three difficulty levels in this engaging puzzle game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Reversi Fight". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Modern "Glossy & Clean" aesthetic to upgrade the original retro look. Use a soft, pleasing color palette. * **Board**: An 8x8 grid. The board base should be a rounded rectangle with a matte plastic texture (soft light blue, hex: #e3f2fd). The grid lines should be indented grooves. * **Pieces**: High-gloss 3D spheres. Player 1 is "Electric Yellow" (#ffeb3b), Player 2 (AI) is "Deep Ocean Blue" (#1e88e5). * **Lighting**: Use a Three.js `HemisphereLight` for base illumination and a `DirectionalLight` with shadows to give depth to the spheres, making them look like marbles sitting on a board. * **Animations**: When a piece is captured/flipped, do not just change the color. Use `TWEEN` or a simple animation loop to physically rotate the sphere 180 degrees to reveal the new color, adding "juice" to the gameplay. * **Mobile Optimization**: * Use `THREE.SphereGeometry` with moderate segments (e.g., 32x32) to ensure smoothness without overheating mobile GPUs. * Enable `antialias: true` in the renderer. * Camera should be a fixed PerspectiveCamera, positioned directly above (top-down) or slightly isometric, ensuring the square board fills the width of the mobile screen. ### 2. Audio Requirements * **BGM**: A relaxing, "Lo-fi" or "Ambient Electronic" loop. It should be repetitive but non-intrusive to aid concentration. * **Sound Effects (SFX)**: * **Place Piece**: A soft "thud" or "clack" sound (like a stone piece hitting a wooden board). * **Capture/Flip**: A distinct "chime" or "whoosh" sound synchronized with the rotation animation. * **Invalid Move**: A subtle low-pitch "buzz" or visual shake if the player taps a wrong tile. * **Win/Loss**: A short triumphant fanfare for winning; a descending scale for losing. ### 3. Gameplay Loop * **Core Mechanic**: Turn-based strategy on an 8x8 grid. Player (Yellow) vs. Computer (Blue). * **Unique Rule (The "Fight" Twist)**: Unlike standard Othello/Reversi where *all* flanked chips flip, implement the specific rule mentioned in the description: **"Only one chip at a time can be taken."** * *Logic*: If the player places a piece that flanks a line of enemy pieces (e.g., Player - Enemy - Enemy - Player), only the **single enemy piece adjacent to the newly placed piece** is flipped to the player's color. * **AI Logic**: The computer opponent should have a basic minimax or heuristic logic to maximize its own flips while blocking the player. * **Scoring**: Real-time score counter displayed at the top of the screen (Yellow vs. Blue count). * **Win Condition**: The game ends when the board is full or no valid moves remain. The side with the higher number of pieces wins. ### 4. Mobile Controls & Interaction * **Touch Controls**: * Implement `Raycaster` logic for touch detection. The user taps a grid cell to place a piece. * Ensure the touch target for each cell is generous (the entire tile square), not just the center point. * **Orientation**: Portrait mode preferred. The board should take up the center of the screen, with UI (Score, Reset Button, Difficulty Toggle) above and below. * **UI/UX**: * **Valid Move Indicators**: To help mobile users, highlight valid moves with a faint, semi-transparent ghost sphere or a glowing ring on the tile when it's the player's turn. * **Feedback**: Trigger `navigator.vibrate(20)` (haptic feedback) on successful moves if supported. * **Prevent Default**: Ensure `touch-action: none` is set on the canvas to prevent the browser from scrolling or zooming while playing. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Reversi Fight is an innovative strategy board game that puts a unique spin on the classic Othello gameplay. With a 2.97/5 rating from players, this puzzle game challenges you to think strategically while adapting to modified rules that make each match unpredictable and exciting.

Unlike traditional Othello, Reversi Fight introduces special mechanics where only one chip can be captured at a time, creating a more tactical and deliberate gameplay experience. The computer opponent follows its own set of strategic rules, ensuring that no two games play out exactly the same way.

Core Features

Strategic Gameplay Revolution

Reversi Fight transforms the familiar Othello formula with unique capturing mechanics. Instead of flipping multiple pieces in a line, you can only capture one opponent chip at a time, making every move more calculated and strategic.

Intelligent AI Opponents

Face off against a computer opponent that adapts its strategy based on your moves. The AI doesn't just follow predictable patterns - it employs dynamic tactics that will keep you guessing and force you to constantly evolve your approach.

Progressive Difficulty System

Choose from three distinct skill levels to match your experience: - Beginner : Perfect for learning the modified rules - Intermediate : Balanced challenge for developing players - Advanced : Ultimate test for strategy game veterans

Quick-Paced Gaming Sessions

Designed for players who appreciate both strategy and speed, each game session is engaging without being overly time-consuming, perfect for quick mental workouts or extended strategic battles.

Game Mechanics

The core objective remains similar to classic Othello: capture your opponent's pieces by surrounding them with your own. However, Reversi Fight's unique twist means you must be more selective and strategic about which pieces to target.

Key Differences from Classic Othello: - Only one opponent piece can be captured per move - Computer opponent uses adaptive AI strategies - Faster-paced gameplay with immediate feedback - Score-based progression system

Operation Guide

Basic Controls: - Mouse Click : Place your colored sphere on the board - Strategic Placement : Position pieces to surround opponent spheres - Turn-Based Play : Alternate moves with the computer opponent

Winning Strategy Tips: 1. Corner Control : Secure corner positions when possible 2. Edge Management : Use board edges to your advantage 3. Tempo Control : Balance offensive and defensive moves 4. Pattern Recognition : Learn to spot optimal placement opportunities

Scoring System: - Gain points for each opponent sphere captured - Lose points when the computer captures your pieces - Final score depends on board control and captured pieces

Why Play Reversi Fight

Perfect for Strategy Enthusiasts : If you enjoy games that challenge your tactical thinking and planning abilities, Reversi Fight delivers engaging strategic gameplay that's easy to learn but difficult to master.

Accessibility and Convenience : Play directly in your web browser without downloads or installations. The game works seamlessly on desktop and mobile devices, making it perfect for gaming sessions anywhere.

Skill Development : Regular play helps improve pattern recognition, strategic planning, and decision-making under pressure - skills that translate to other areas of life.

Suitable for All Ages : With its all-ages content rating, Reversi Fight provides family-friendly entertainment that can be enjoyed by players of any age group.

Free Gaming Experience : Enjoy complete gameplay without any cost barriers, making it accessible to anyone interested in strategic board games.

Frequently Asked Questions (FAQ)