Reversi Multiplayer - Classic Othello Board Game

Seele01-Flash
By
Reversi, also known as Othello, is a classic strategic board game where players compete to control the board by flipping opponent's discs. Play online for free with AI or friends in this timeless puzzle challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**3D Reversi Master**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Sleek, modern 3D realism with a focus on high contrast. The aesthetic should mimic a premium physical board game sitting on a wooden table. * **The Board**: A distinct 8x8 grid. The playing surface should be a vibrant, slightly emissive felt green (hex #00AA44) to contrast sharply with the pieces. The board frame should be glossy black plastic or dark metal with rounded corners. * **The Pieces (Discs)**: Cylinder geometries with very low height. They must be dual-sided: one side purely white, the other purely black. The material should look like polished plastic or ivory (high specularity). * **Environment**: A dark, warm mahogany wood texture for the table surface underneath the board. The background (Skybox) should be a simple, dark gradient (almost black) to keep focus on the board. * **Lighting**: Use a focused Spotlight from above to cast soft shadows on the table, simulating a desk lamp. Add a subtle ambient light to ensure the black pieces aren't lost in shadow. * **Mobile Optimization**: Use `THREE.InstancedMesh` for the 64 potential disc positions to save draw calls. Use simple geometry (CylinderBufferGeometry) with reasonable segments (e.g., 32 radial segments) to maintain high FPS on mobile devices. ### 2. Audio Requirements * **BGM (Background Music)**: A calm, intellectual "Lounge Jazz" or "Lo-fi Hip Hop" track. It should be instrumental, low-tempo, and repetitive enough to aid concentration without being annoying. * **SFX (Sound Effects)**: * *Placement*: A satisfying, crisp "clack" sound (like a heavy plastic chip hitting a hard surface) when a piece is placed. * *Flipping*: A quick "swish" or "whoosh" sound synchronized with the animation of pieces flipping over. * *Invalid Move*: A subtle, low-pitched "thud" or buzzer if the player taps an invalid spot. * *Win/Loss*: A triumphant short fanfare for winning; a melancholic, descending tone for losing. ### 3. Gameplay Loop * **Core Logic**: Implement standard Othello/Reversi rules. The game starts with 4 pieces in the center (WB/BW). * **Turn System**: Players take turns placing a disc of their color on an empty square. The move must "bracket" one or more opponent pieces between the new piece and an existing piece of the player's color. * **Flipping Mechanism**: All bracketed opponent pieces are flipped to the current player's color. This must be animated visually (a 180-degree rotation of the disc mesh). * **Valid Moves**: The game must calculate and visually highlight available valid moves for the current player (e.g., using small semi-transparent ghost markers or glowing grid borders). * **Win Condition**: The game ends when the board is full or neither player can make a move. The winner is the one with the majority of pieces on the board. * **AI**: Include a simple AI opponent that prioritizes corners and edges for the single-player mode. ### 4. Mobile Controls & Interaction * **Camera Perspective**: A fixed perspective camera, positioned at a 45-60 degree angle looking down at the board. Ensure the entire 8x8 grid fits comfortably within the safe area of a vertical mobile screen (Portrait Mode preferred for one-handed play). * **Touch Controls**: * Use Raycasting to detect taps on the grid cells. * Tap interactions must be instant. Increase the hitbox size of grid cells slightly to accommodate "fat finger" errors. * **Visual Feedback**: * When a player touches a valid cell (touchstart), highlight it immediately. * On release (touchend), execute the move. * Trigger `navigator.vibrate(10)` (haptic feedback) on successful placement. * **UI Overlay**: * A simple top bar displaying the current score (Black: X | White: Y). * A bottom area with a "Restart" button, sized large enough (min 44px height) for easy tapping. * A "Turn Indicator" to clearly show whose turn it is. 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 is one of the most beloved classic strategy games in the world, also widely known as Othello . This timeless board game challenges players to think strategically and plan multiple moves ahead. The objective is simple yet engaging: capture more territory than your opponent by cleverly placing discs and flipping their pieces to your color.

This online version brings the classic 8x8 board game directly to your browser, offering both single-player AI challenges and exciting multiplayer battles with friends. Whether you're a seasoned strategist or new to the game, Reversi provides endless hours of mental stimulation and competitive fun.

Core Features

Classic Gameplay Mechanics

The game follows traditional Reversi rules where players take turns placing black and white discs on the board. When you place a disc, any opponent discs trapped between your new piece and existing pieces get flipped to your color. This simple mechanic creates surprisingly deep strategic possibilities.

Multiple Game Modes

  • Single Player : Challenge yourself against intelligent AI opponents with varying difficulty levels
  • Multiplayer : Play with friends locally or compete against other players online
  • Practice Mode : Perfect your strategy in a relaxed environment without pressure

Strategic Depth

Despite its simple rules, Reversi offers incredible strategic complexity. Every move matters as you must consider: - Corner control for permanent advantages - Edge positioning for defensive play - Mobility and disc count balance - Endgame tactical sequences

Clean, Professional Interface

The game features a sleek 3D board design with clear visual feedback. The green felt board and crisp black and white discs provide an authentic casino-quality experience that's easy on the eyes during long gaming sessions.

Gameplay Guide

Basic Rules

  1. Starting Position : The game begins with four discs placed in the center squares - two black and two white in diagonal arrangement
  2. Turn Taking : Players alternate placing discs of their color on empty squares
  3. Capturing : You must place your disc so it traps opponent discs between your new piece and an existing piece of your color
  4. Flipping : All trapped opponent discs flip to your color
  5. Winning : The player with the most discs when the board is full (or no more moves are possible) wins

Strategic Tips

  • Secure Corners : Corner positions cannot be flipped once captured, making them extremely valuable
  • Control Edges : Edge positions are harder for opponents to recapture
  • Avoid Early Advantages : Having too many pieces early can limit your mobility later
  • Think Ahead : Consider how your opponent might respond to each potential move
  • Endgame Focus : The final moves often determine the winner, so plan your endgame carefully

Why Play This Version

Completely Free

Enjoy unlimited gameplay without any costs, subscriptions, or hidden fees. The full game experience is available immediately in your browser.

No Download Required

Start playing instantly - no installation, no app store downloads, no storage space needed. Perfect for quick games during breaks or extended strategy sessions.

Cross-Platform Compatibility

Play seamlessly on desktop computers, laptops, tablets, and smartphones. The responsive design ensures optimal gameplay on any screen size.

Educational Value

Reversi enhances critical thinking, pattern recognition, and strategic planning skills. It's an excellent choice for players of all ages looking to exercise their minds while having fun.

Perfect for Social Gaming

The multiplayer functionality makes it ideal for challenging friends, family members, or colleagues to strategic battles. Create lasting memories through competitive gameplay.

Frequently Asked Questions (FAQ)