Chessformer - Gravity-Based Chess Puzzle Game

Seele01-Flash
By
Chessformer is an innovative puzzle game that combines traditional chess mechanics with gravity-based movement. Move familiar chess pieces on a grid board where pieces fall down after moving, creating unique strategic challenges.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Chessformer". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D "Flat Design" aesthetic. Use an Orthographic Camera to simulate a perfectly flat 2D side-view while using 3D geometry for depth. * **Models (Chess Pieces):** * Create the chess pieces (King, Rook, Bishop, Knight, Pawn) using simple `THREE.ExtrudeGeometry` based on 2D shapes, or low-poly primitives (e.g., stacked cylinders for Rooks, spheres for Pawns). * **Player Pieces:** Solid, matte Blue color (matching the screenshot). * **Enemy King:** Solid Red or Black color to differentiate the target. * **Outlines:** Apply a "Toon Shader" or `LineSegments` to edges to mimic the bold black outlines seen in the reference image. * **Environment (The Grid):** * A grid-based background consisting of alternating tan/brown tiles (checkerboard pattern), rendered as a flat plane behind the pieces. * **Lighting:** Soft Ambient Light + a single Directional Light casting very soft, short shadows to imply the pieces are physical blocks resting on a wall. * **Optimization:** Use InstancedMesh for grid tiles if many are used. Keep geometry low-poly for smooth 60fps on mobile devices. ### 2. Audio Requirements * **BGM:** A calm, contemplative "Lo-fi" or "Cool Jazz" piano track. It should be unobtrusive to aid concentration. * **Sound Effects (SFX):** * **Select:** A soft "wooden click" or a high-pitched "blip". * **Move:** A "whoosh" or sliding sound. * **Gravity/Landing:** A satisfying, heavy "thud" or "clack" when a piece finishes falling and hits the ground/another piece. This is crucial for the game feel. * **Capture/Win:** A triumphant major chord or a classic "checkmate" chime. ### 3. Gameplay Loop * **Core Mechanic:** Turn-based puzzle platformer. * The game is played on a 2D grid (X, Y). * **Phase 1 (Move):** The player selects a piece. Valid moves are highlighted based on standard Chess rules (Rook moves orthogonally, Knight moves in 'L' shape, Bishop moves diagonally). * **Phase 2 (Gravity):** Immediately after moving to the target square, the piece is affected by gravity. It falls downwards (-Y axis) until it collides with a solid block or another piece. It cannot stop in mid-air. * **Constraint:** Pieces cannot act/move while they are falling. * **Enemy Logic:** The Enemy King is a static target. It does not move, attack, or apply gravity. It is simply a "goal block." * **Win Condition:** A player piece moves into the grid space occupied by the Enemy King (Capture). * **Level Reset:** A prominent UI button to restart the level if the player gets stuck (soft-lock). ### 4. Mobile Controls & Interaction * **Input System:** Raycasting for touch events. * **Tap:** Select a piece. * **Tap (Second time):** Tap a valid highlighted grid square (indicator dot) to move the selected piece. * **Deselect:** Tapping empty space or the same piece again cancels selection. * **Visual Feedback:** * **Selection:** The selected piece should scale up slightly (1.1x) or glow. * **Move Indicators:** Render semi-transparent spheres or pulsing dots on valid destination tiles. These dots must be large enough for comfortable tapping (min 44px equivalent). * **Screen Orientation:** Responsive design, but **Landscape Mode** is preferred to accommodate wider puzzle layouts. * **Haptic Feedback:** Trigger a short vibration (using `navigator.vibrate`) exactly when a falling piece hits the ground to give weight to the physics. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Chessformer

Chessformer is a revolutionary puzzle game that reimagines chess with a unique twist - gravity! This innovative brain game combines the strategic depth of traditional chess with platform game mechanics, creating an entirely new gaming experience. In Chessformer, chess pieces behave according to gravity rules, falling down after each move and unable to move again until they've stopped falling.

Core Features

Innovative Gravity Chess Mechanics

Chessformer introduces a groundbreaking concept where familiar chess pieces - kings, queens, rooks, bishops, knights, and pawns - move according to their traditional rules but are affected by gravity. After making a move, pieces fall down until they hit an obstacle or the bottom of the board, adding a strategic layer of timing and positioning.

Grid-Based Board System

The game features a carefully designed grid-based board that creates unique puzzle scenarios. Each level presents a different configuration where you must think several moves ahead, considering not just where pieces can move, but where they'll end up after falling.

Strategic Puzzle Gameplay

Unlike traditional chess, Chessformer focuses on puzzle-solving rather than competitive play. Your goal is to capture the opposing king in each level, but the king remains stationary, allowing you to focus purely on the strategic movement and positioning of your pieces.

Game Rules and Mechanics

Movement System

All chess pieces retain their traditional movement patterns: - Pawns move forward one square (or two on first move) - Rooks move horizontally and vertically - Bishops move diagonally - Knights move in L-shaped patterns - Queens combine rook and bishop movements - Kings move one square in any direction

Gravity Physics

The unique aspect of Chessformer is that after any piece moves, it immediately falls down due to gravity until it reaches a solid surface or another piece. This means you must carefully plan not just your move, but where the piece will land.

Victory Conditions

Each level is completed by capturing the opposing king. Since the enemy king never moves, you can focus on maneuvering your pieces into the perfect position to make the final capturing move.

Operation Guide

Simple Click Controls

Chessformer uses intuitive point-and-click controls: - Select Piece : Click on any of your chess pieces to select it - View Options : Available moves are highlighted with dots - Make Move : Click on any highlighted dot to move your piece there - Gravity Effect : Watch as your piece falls to its final position

The game requires no complex keyboard shortcuts or timing - everything is controlled through simple mouse clicks, making it accessible to players of all ages and skill levels.

Why Play Chessformer

Perfect Brain Training

Chessformer offers excellent mental exercise, combining chess strategy with spatial reasoning. The gravity mechanics force you to think in three dimensions, improving problem-solving skills and strategic planning abilities.

Unique Gaming Experience

This isn't just another chess variant - it's a completely new genre that bridges board games and puzzle games. The gravity element creates scenarios impossible in traditional chess, offering fresh challenges even for experienced chess players.

Accessible Yet Challenging

While easy to learn, Chessformer provides progressively challenging levels that will test even skilled puzzle solvers. The familiar chess pieces make it approachable for beginners, while the gravity mechanics provide depth for experienced players.

Free Online Play

Chessformer is completely free to play directly in your web browser. No downloads, installations, or subscriptions required - just click and start solving puzzles immediately.

Frequently Asked Questions (FAQ)