Black To White - Pattern Matching Puzzle Game

Seele01-Flash
By
Black To White is an innovative puzzle game that combines pattern recognition with physics-based gameplay. Match symbols by rotating surfaces and using gravity to create an addictive brain-training experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Black To White". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Strict **Monochromatic / Noir aesthetic**. High-contrast white elements on a deep black background (#000000). The visual tone should be "Zen" yet "Mental". * **Camera:** Use an **Orthographic Camera** to maintain a clean, puzzle-like perspective (2.5D view), positioned directly in front of the play area but slightly angled to show the 3D depth of the tiles. * **The Container:** A hollow square container (the "Box") with white wireframe borders. This is the play area. * **The Tiles:** Rounded 3D cubes (chamfered edges) with specific geometric patterns (Flower, Circle, Star) distinctively texture-mapped on the front face. * **Effects:** * Add a subtle **Bloom/Glow effect** (using Three.js EffectComposer) to the white tiles to make them pop against the black void. * Particle explosion (white shards) when two matching tiles merge/vanish. * **Mobile Optimization:** Use `InstancedMesh` for the tiles to reduce draw calls. Texture resolution needs to be crisp but optimized (512x512 max). ### 2. Audio Requirements * **BGM:** Minimalist, ambient electronic track. Think "Deep Focus" or "Brain Training" style—repetitive, non-intrusive, rhythmic bass pulses. * **Sound Effects (SFX):** * **Slide:** A heavy, smooth stone-on-stone friction sound when gravity shifts. * **Collision:** A solid "Clack" or "Thud" (Mahjong tile style) when tiles hit the walls or each other. * **Match/Clear:** A satisfying, resonant "Chime" or "Glass shatter" sound. * **Game Over:** A low-pitch, dissonant drone. ### 3. Gameplay Loop * **Core Mechanic:** This is a physics-based merging puzzle. The player controls the **gravity direction** (or rotates the entire board 90 degrees), causing *all* loose tiles to slide simultaneously towards the bottom of the current orientation. * **Matching Logic:** When two tiles with the **same pattern** collide, they are destroyed (cleared) and the player gains points. * **Spawning:** New tiles with random patterns spawn at the "top" (relative to current gravity) or in open spaces at fixed intervals or after every move. * **Win/Loss Condition:** * **Score:** Based on the number of matches. * **Loss:** The container fills up with unmatched tiles, leaving no room for new spawns or movement. * **Physics:** Use a 2D physics logic (or a library like Cannon.js constrained to 2D) where tiles have mass, friction, and restitution (bounciness). They must stack realistically. ### 4. Mobile Controls & Interaction * **Gestures (Swipe):** * **Swipe Right:** Rotates the board gravity 90 degrees clockwise (tiles fall "Right"). * **Swipe Left:** Rotates the board gravity 90 degrees counter-clockwise. * (Alternative: Swipe Up/Down/Left/Right directly sets the gravity vector to that direction). * **UI Layout:** * **Score:** Large, minimalist white font at the top center. * **Pause/Menu:** 44x44px hit-area icon in the top right corner. * Layout must adapt to Portrait mode (vertical alignment). * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(10)` when tiles collide with walls/each other. Trigger a stronger vibration when a match occurs. * **Visual:** The board itself should rotate smoothly (interpolate rotation) to match the gravity shift, giving the player a sense of physical manipulation. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Black To White

Black To White is a revolutionary puzzle game that challenges your brain by combining two classic gaming elements: pattern recognition and physics-based mechanics. With a solid 3.4/5 rating from puzzle enthusiasts, this game offers a unique twist on traditional matching games by incorporating gravity and spatial rotation.

This isn't just another matching game - it's a strategic challenge that requires you to think multiple steps ahead while managing falling symbols in a dynamic playing field.

Core Features

Revolutionary Gameplay Mechanics

  • Dual Challenge System : Combines pattern matching with physics-based puzzle solving
  • Gravity Integration : Use realistic gravity mechanics to slide matching symbols together
  • Dynamic Surface Rotation : Rotate the entire playing field to control symbol movement
  • Progressive Difficulty : New symbols continuously appear, increasing the challenge
  • Strategic Depth : Requires forward thinking and tactical planning

Accessibility and Platform Support

  • Completely Free : No payment required to access full gameplay
  • Instant Play : HTML5 technology enables immediate browser-based gaming
  • Cross-Platform : Perfect compatibility with desktop computers and mobile devices
  • No Downloads : Play directly in your web browser without installation
  • Mobile Optimized : Responsive design works seamlessly on smartphones and tablets

Brain Training Benefits

Black To White serves as an excellent cognitive exercise, challenging multiple mental skills: - Pattern Recognition : Develop visual processing and symbol identification skills - Spatial Reasoning : Master 3D thinking and surface orientation - Strategic Planning : Learn to anticipate consequences and plan ahead - Quick Decision Making : Improve reaction time under pressure

Gameplay Mechanics

How Symbol Matching Works

Your primary objective is to eliminate matching symbols before the screen becomes overcrowded. When identical symbols touch each other, they disappear, clearing space for new symbols. The challenge lies in maneuvering symbols into matching positions using gravity and surface rotation.

Physics-Based Movement

Unlike traditional puzzle games where you directly control pieces, Black To White uses realistic physics. Symbols slide naturally based on gravity when you rotate the playing surface, creating unpredictable and exciting gameplay scenarios.

Progressive Challenge System

As you play, new symbols continuously appear, forcing you to constantly adapt your strategy. The game becomes increasingly complex as different symbol types are introduced, each requiring unique matching approaches.

Controls and Operation

Control Schemes

  • WASD Keys : Use W, A, S, D to rotate the playing surface in different directions
  • Arrow Keys : Alternative control method using directional arrow pad
  • Mouse Support : Additional navigation options for menu interactions

Mastering Surface Rotation

The key to success lies in understanding how surface rotation affects symbol movement: - Clockwise Rotation : Slides symbols toward the right edge - Counter-clockwise : Moves symbols toward the left - Forward Tilt : Symbols fall toward the bottom - Backward Tilt : Symbols slide toward the top

Timing Strategy

Success requires perfect timing when rotating surfaces. You must anticipate where symbols will land and plan rotations to create matching opportunities while preventing screen overflow.

Why Play Black To White

This game stands out in the crowded puzzle genre by offering something genuinely innovative. The combination of pattern matching and physics creates a unique challenge that's both accessible to beginners and deeply rewarding for experienced puzzle fans.

Perfect for Quick Sessions : The instant-play format makes it ideal for short breaks or commute entertainment.

Endless Replayability : Random symbol generation ensures no two games are identical, providing infinite replay value.

Brain Training : Regular play helps improve cognitive functions including pattern recognition, spatial awareness, and strategic thinking.

Stress Relief : The engaging gameplay provides an excellent mental escape while still exercising your brain.

Whether you're a casual puzzle fan or a serious brain-training enthusiast, Black To White offers the perfect balance of challenge and accessibility in a completely free, instantly playable format.

Frequently Asked Questions (FAQ)