Quoridor Online - Strategic Board Game

Seele01-Flash
By
Quoridor Online is a captivating strategic board game perfect for chess and checkers enthusiasts. Challenge players worldwide or test your skills against AI in this engaging puzzle game that requires tactical thinking and strategic planning.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Spooky Dungeon Quoridor". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "Spooky-Cute" aesthetic using low-poly 3D models. The atmosphere should be dark but playful (similar to the screenshot's cartoon horror vibe). * **Board:** A 9x9 grid floating in a dark dungeon void. Tiles should look like cracked stone slabs. * **Characters (Pawns):** * **Player 1:** A simple, bobbing 3D white skull (large eyes, cute style). * **Player 2 (AI/Opponent):** A red, blocky monster with horns. * **Walls (Obstacles):** Instead of standard wooden fences, use **Bone segments** (shaped like femurs) that span two tiles. * **Environment:** A dark blue fog background (`0x1a1a2e`). Use localized orange point lights to simulate torchlight flickering on the board corners. * **Mobile Optimization:** Use simple materials (`MeshLambertMaterial` or `MeshToonMaterial`) to reduce GPU load. Limit dynamic shadows to the active player's pawn. Use instanced mesh for the floor tiles and wall segments to optimize draw calls. ### 2. Audio Requirements * **BGM:** A mysterious, "sneaky" track using pizzicato strings and a xylophone. It should be loopable and low-intensity to allow for strategic thinking. * **Sound Effects (SFX):** * **Move:** A stone-sliding-on-stone friction sound. * **Wall Place:** A hollow "clack-clack" sound (bones hitting together). * **Invalid Move:** A low-pitched "thud" or "buzz" to indicate error. * **Victory/Defeat:** A short organ stinger (triumphant or sad). * **UI Click:** A soft wooden percussion sound. ### 3. Gameplay Loop * **Core Mechanics:** Standard **Quoridor** rules. * The board is a 9x9 grid. * Each player starts in the middle of their baseline (P1 bottom, P2 top). * **Goal:** Be the first to reach any tile on the opponent's baseline. * **Turn Logic:** On their turn, a player can either **Move** their pawn one step orthogonally (or jump over an adjacent opponent) OR **Place a Wall**. * **Wall Constraints:** Each player has 10 walls. Walls span 2 blocks. Walls cannot overlap. Crucially, **walls cannot completely lock a player in** (a path to the goal must always exist). * **AI Implementation:** A basic AI opponent that prioritizes moving forward unless blocked, at which point it attempts to place a wall to hinder the player. * **Win State:** When a pawn lands on the row `z=0` (for P1) or `z=8` (for P2), trigger a "You Win" or "Game Over" overlay. ### 4. Mobile Controls & Interaction * **Orientation:** Force **Portrait Mode** for best mobile ergonomics (Player at bottom, Opponent at top). * **Camera:** Fixed Orthographic camera angled at 60 degrees down-tilt, ensuring the whole board fits the width of the screen. * **Controls:** * **Movement:** Tap an adjacent tile to move the character. Highlight valid moves with a soft green glow on the floor tiles. * **Wall Placement Mode:** A dedicated toggle button (UI at the bottom) to switch between "Move Mode" and "Wall Mode". * **Placing Walls:** When in Wall Mode, dragging a finger on the board moves a "Ghost Wall" (semi-transparent bone). Releasing the finger confirms placement. Tapping the Ghost Wall before release rotates it 90 degrees. * **Feedback:** * **Haptic:** Trigger a light vibration (`navigator.vibrate(10)`) when a move is confirmed or a wall is placed. * **Visual:** Shake the camera slightly (screen shake) when a wall slams down. Flash tiles red if a move is invalid (e.g., trying to block the last path). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Quoridor Online is an exceptional strategic board game that combines elements of puzzle-solving with competitive multiplayer gameplay. This engaging tabletop strategy game appeals to fans of classic games like chess, checkers, and corners, offering a unique twist on traditional board gaming. The game features a sophisticated rating system that tracks your progress as you defeat stronger opponents and climb the competitive ladder.

Core Features

Competitive Online Multiplayer

Challenge players from around the world in real-time matches. The game's matchmaking system pairs you with opponents of similar skill levels, ensuring balanced and engaging gameplay. As you defeat stronger players, your rating increases, providing a sense of progression and achievement.

AI Opponent Option

Perfect your strategies against intelligent computer opponents. The AI provides excellent practice opportunities for new players learning the game mechanics or experienced players wanting to test new tactics without affecting their online rating.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. Whether you're using a desktop computer, laptop, tablet, or smartphone, Quoridor Online delivers consistent performance through your web browser without requiring any downloads or installations.

Strategic Depth

The game offers incredible strategic depth with simple rules. Players must balance offensive positioning with defensive wall placement, creating a dynamic gameplay experience where every move matters and forward planning is essential.

Game Mechanics

Quoridor Online features a 9x9 grid board where players control pawns attempting to reach the opposite side. The unique twist lies in the wall-building mechanic - players can place walls to block opponents while ensuring they don't completely trap them. This creates fascinating tactical situations where you must think several moves ahead.

Wall Strategy System

The wall placement system is what sets Quoridor apart from other board games. Each player has a limited number of walls to place strategically throughout the match. These walls can dramatically alter the game's flow, forcing opponents to take longer routes while opening shorter paths for yourself.

Gameplay Instructions

Basic Controls

The game uses intuitive mouse controls that work perfectly on both desktop and mobile devices:

  • Left Mouse Button : Click to move your pawn to adjacent squares
  • Wall Placement : Click and drag to position walls strategically on the board
  • Game Interface : Navigate menus and options with simple clicks

Objective

Your goal is to be the first player to move your pawn to any square on the opposite side of the board. However, you must also prevent your opponent from reaching their goal by strategically placing walls to create barriers.

Winning Strategies

Successful players balance aggressive advancement with defensive wall placement. Consider both immediate tactical moves and long-term strategic positioning. Always ensure your opponent has at least one path to their goal - completely blocking them is against the rules.

Why Play Quoridor Online

This game offers the perfect blend of accessibility and depth. New players can learn the basic rules quickly, while experienced strategists will discover layers of tactical complexity that provide endless replay value. The online rating system creates a competitive environment that motivates continuous improvement.

The browser-based format means you can enjoy quick matches during breaks or engage in longer strategic battles when time permits. No downloads, no installations - just pure strategic gaming at your fingertips.

Perfect for Strategy Game Lovers

If you enjoy games that reward careful planning and tactical thinking, Quoridor Online delivers an exceptional experience that rivals classic strategy games while offering its own unique challenges and rewards.

Frequently Asked Questions (FAQ)