Classic Chess - Free Online Chess Game

Seele01-Flash
By
Classic Chess is a free online chess game featuring clean design and multiple play modes. Challenge computer opponents at various difficulty levels or enjoy local multiplayer matches with friends on the same device.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Classic Chess - Chic Minimalist Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a "Chic & Minimalist" aesthetic inspired by the provided icon. Use a high-contrast palette: Cream/Off-white for light elements and Charcoal/Deep Black for dark elements. * **Models:** * **Chess Pieces:** Use abstract, geometric, low-poly representations of standard chess pieces (e.g., a simple sphere and cone for a Pawn, a cylinder and cross for a King). Ensure the silhouettes are instantly recognizable. Apply a `MeshToonMaterial` or a matte `MeshLambertMaterial` to mimic the clean vector look of the icon. * **The Board:** A simple 8x8 grid. Do not use high-res textures; use procedural colors. The board should sit on a seamless background color (e.g., #EAEAEA). * **Mobile Optimization:** * Use `InstancedMesh` for the 64 board squares to reduce draw calls. * Limit the polygon count for pieces (e.g., < 300 polys per piece). * Use a fixed Orthographic Camera (Isometric view) to prevent perspective distortion on small screens and ensure distinct touch targets. ### 2. Audio Requirements * **BGM:** Generate a placeholder logic for a "Zen/Focus" track—calm, ambient piano or soft lo-fi beats, playing at low volume to encourage strategic thinking. * **Sound Effects (SFX):** * **Selection:** A soft, high-pitched "pop" or "tick" when a piece is tapped. * **Movement:** A satisfying, wooden "thud" or "clack" when a piece lands on a square. * **Capture:** A slightly louder, punchier percussion sound when a piece is removed. * **Check/Mate:** A distinct chime or warning tone. ### 3. Gameplay Loop * **Game Rules:** Implement standard International Chess rules, including legal move validation for all pieces (Pawn, Rook, Knight, Bishop, Queen, King). *Note: For the code generation, prioritizing basic movement logic is sufficient, but structure it to allow En Passant and Castling later.* * **Game Modes:** * **PvE (Single Player):** Player vs. a basic AI (Random move or simple Minimax algorithm). * **PvP (Local):** Hotseat mode where the camera rotates 180 degrees (or stays static) for the second player. * **Visual Feedback:** When a piece is selected, highlight the square in a subtle Gold color (`#FFD700`) and highlight all valid destination squares with small floating distinct dots or reduced-opacity colors. ### 4. Mobile Controls & Interaction * **Touch System:** Implement a Raycaster based touch system specifically tuned for mobile tapping. * **Step 1:** Tap piece to select (highlight valid moves). * **Step 2:** Tap valid square to move. * **Cancel:** Tap anywhere else on the board to deselect. * **Screen Adaptation:** * Design primarily for **Portrait Mode** (vertical) to fit phone screens naturally. * The Board should take up the center/upper section of the screen. * UI Controls (New Game, Undo, Mode Toggle) should be HTML/CSS overlays placed at the **bottom** of the screen (the "thumb zone") for easy one-handed access. * **Feedback:** Add `window.navigator.vibrate(20)` (Haptic Feedback) whenever a valid move is completed to give tactile confirmation. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Classic Chess

Classic Chess brings the timeless strategy of chess to your browser with an elegant, minimalist design. This free online chess game offers the perfect platform to develop your strategic thinking skills, whether you're a complete beginner learning the basics or an experienced player seeking to sharpen your tactics.

The game features a clean, distraction-free interface that puts the focus entirely on gameplay. The classic black and white board design ensures optimal readability, while the intuitive controls make it easy to move pieces with simple taps or clicks.

Core Features

Multiple Difficulty Levels

Challenge yourself against computer opponents with adjustable difficulty settings. Start with beginner level to learn the fundamentals, progress to intermediate for tactical practice, or test your skills against advanced AI that will challenge even experienced players.

Local Multiplayer Support

Enjoy traditional face-to-face chess matches with the local multiplayer mode. Share the same device with a friend or family member and take turns making moves, just like playing with a physical chess board.

Cross-Platform Compatibility

Play seamlessly across all your devices. The game runs perfectly on desktop computers, laptops, tablets, and smartphones, ensuring you can enjoy chess anywhere, anytime.

Clean and Intuitive Design

The minimalist interface eliminates distractions, allowing you to focus entirely on strategy. The clear piece designs and smooth animations enhance the playing experience without overwhelming the classic chess aesthetic.

Gameplay Mechanics

Classic Chess follows standard international chess rules. Each piece moves according to traditional patterns: pawns advance one square (or two on first move), rooks move horizontally and vertically, bishops move diagonally, knights move in L-shapes, queens combine rook and bishop movements, and kings move one square in any direction.

The game includes all standard chess mechanics including castling, en passant captures, and pawn promotion. When you achieve checkmate, the game clearly indicates the winner and offers options to start a new match.

Operation Guide

Basic Controls

  • Mouse Users : Click on a piece to select it, then click on the destination square to move
  • Touch Devices : Tap a piece to select it, then tap where you want to move it
  • Move Validation : The game highlights valid moves when you select a piece
  • Undo Function : Take back moves during practice sessions against the computer

Game Setup

  1. Choose your preferred game mode (vs Computer or vs Friend)
  2. Select difficulty level if playing against AI
  3. The game automatically sets up the standard starting position
  4. White always moves first, following traditional chess rules

Why Play Classic Chess

Perfect Learning Environment

Whether you're new to chess or returning after a break, Classic Chess provides an ideal learning environment. The adjustable difficulty ensures you're always challenged at the right level, while the clean interface helps you focus on improving your game.

Convenient and Accessible

No downloads, installations, or registrations required. Simply open your browser and start playing immediately. The game works on any device with internet access, making it perfect for quick games during breaks or extended strategy sessions.

Social Gaming

The local multiplayer mode brings back the social aspect of chess. Share a device with friends, family members, or chess club partners for traditional face-to-face matches that encourage discussion and learning.

Skill Development

Regular play against varied computer opponents helps develop pattern recognition, tactical awareness, and strategic thinking. The different difficulty levels ensure continuous challenge as your skills improve.

Free Entertainment

Enjoy unlimited chess games without any cost. No premium features, no pay-walls, just pure chess gameplay available whenever you want to play.

Frequently Asked Questions (FAQ)