Unpuzzle - Reverse Jigsaw Puzzle Game

Seele01-Flash
By
Unpuzzle is a unique reverse jigsaw puzzle game that challenges you to remove pieces instead of placing them. Clear the entire board by strategically pulling away puzzle pieces in the correct order.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Unpuzzle - Deconstructive Jigsaw**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, clean, and soothing "Zen" aesthetic. The game should look 2D but be built in 3D (orthographic camera view). * **Color Palette**: Use a warm, soft orange background (`#F5A623`) similar to the reference image. Puzzle pieces should be stark white (`#FFFFFF`) with subtle gray bevels or shadows to indicate depth and separability. The outline of the main puzzle block should have a slightly darker orange border. * **Puzzle Pieces**: Generate procedural 3D geometries representing jigsaw pieces. They should look flat on top but have extruded sides to give a tactile feel when dragged. * **Shapes**: Classic jigsaw shapes with tabs (outies) and blanks (innies). * **Visual Cues**: When a piece is unlocked and ready to be pulled, give it a very subtle pulse or a slight highlight. * **Performance**: Use low-poly meshes for the puzzle shapes. Use simple Lambert or Phong materials for performant lighting on mobile devices. No heavy post-processing. ### 2. Audio Requirements * **Background Music (BGM)**: No rhythmic beats. Generate a procedural ambient soundscape—soft synth pads, gentle wind chimes, or slow piano notes. The goal is relaxation and stress relief. * **Sound Effects (SFX)**: * **Drag Start**: A soft "suction" or "pop" sound (like a suction cup releasing). * **Slide Movement**: A gentle sliding friction sound (wood on felt). * **Success/Remove**: A satisfying, crisp "click" or a soft bell tone when a piece successfully leaves the canvas. * **Blocked/Error**: A dull thud or a low-pitched spring noise if the player tries to move a locked piece. ### 3. Gameplay Loop * **Core Mechanic**: The "Reverse Jigsaw." Start with a completed rectangular block of interlocked puzzle pieces (e.g., a 3x3 or 4x4 grid). * **Objective**: Clear the screen completely. * **Rules**: * Pieces can only be moved in the direction that pulls them *away* from the main cluster. * A piece is "locked" if moving it would cause it to collide with an adjacent piece's interlocking tab/blank. * *Example*: A piece on the far right edge must be pulled right. If it has a tab pointing left into another piece, it cannot move until the piece to its left is removed (or if the geometry allows sliding out). * **Level Progression**: * Level 1: 2 pieces (Tutorial). * Level 2: 4 pieces (2x2 grid). * Level 3+: Introduce irregular shapes or blocked sides. * **Win Condition**: The canvas is empty. Show a "Level Complete" overlay with a smooth transition to the next puzzle. ### 4. Mobile Controls & Interaction * **Input Method**: Touch and Drag (Primary). * **Raycasting**: Implement precise raycasting to detect which piece the user touches. * **Gesture Logic**: * User touches a piece -> Calculate valid move direction (Up, Down, Left, or Right) based on the piece's position relative to the center or its neighbors. * User drags -> The piece follows the finger strictly along its valid axis. * **Threshold**: If dragged past a certain distance (e.g., 50px), the piece accelerates off-screen and disappears. If released before the threshold, it snaps back to its original position (elastic snap-back effect). * **Haptic Feedback**: Trigger a light vibration (using `navigator.vibrate` if available) when a piece is successfully detached. * **Orientation**: Portrait mode preferred for one-handed play, but the camera should adapt to fit the puzzle within the screen bounds regardless of aspect ratio. * **UI Elements**: Minimalist. A small "Reset" icon in the top right (min 44x44px touch target) and a level indicator. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Unpuzzle revolutionizes the traditional jigsaw puzzle concept by flipping it on its head. Instead of assembling pieces together, your goal is to systematically remove every single piece from the puzzle board until you achieve a completely empty canvas. This innovative approach to puzzle solving creates a fresh and engaging brain training experience that's both relaxing and mentally stimulating.

The game features clean, minimalist graphics with a soothing orange and white color scheme that promotes a calm, focused gaming environment. Each puzzle presents a unique challenge that requires spatial reasoning, strategic thinking, and patience to solve.

Core Features

Innovative Reverse Puzzle Mechanics

Unlike traditional jigsaw puzzles, Unpuzzle challenges your problem-solving skills in reverse. You must analyze the puzzle structure and determine the correct sequence for removing pieces, making each level a strategic puzzle in itself.

Multiple Solution Paths

Most puzzles offer several different ways to solve them, encouraging creative thinking and experimentation. This flexibility means you can replay levels to discover new solving strategies and improve your efficiency.

Relaxing Gameplay Experience

Designed as a stress-relief activity, Unpuzzle provides a meditative gaming experience. The simple mechanics and pleasant visuals create the perfect environment for unwinding after a busy day.

Progressive Difficulty Levels

Start with simple puzzles and gradually work your way up to more complex challenges. The difficulty curve is carefully designed to keep you engaged without becoming frustrating.

Free Browser-Based Gaming

Enjoy complete access to all features without any downloads or installations. The game runs smoothly in any modern web browser on desktop and mobile devices.

Game Mechanics

Strategic Piece Removal

Success depends on understanding piece dependencies. Some pieces block others from being removed, requiring you to plan your moves carefully. This creates engaging puzzle scenarios where order of operations is crucial.

Intuitive Controls

The simple click-and-drag interface makes the game accessible to players of all ages and skill levels. No complex controls to learn - just point, click, and drag.

Operation Guide

Basic Controls: - Mouse/Touch : Click and hold any puzzle piece - Drag : Pull the piece away from the puzzle in any direction - Release : Let go to remove the piece from the board

Solving Strategy: 1. Analyze the puzzle layout before making your first move 2. Identify which pieces are blocking others 3. Start with pieces that have clear removal paths 4. Work systematically to avoid getting stuck 5. Remember that multiple solution paths often exist

Important Rule : You can only remove a piece if no other pieces are blocking its path. This core mechanic is what makes each puzzle a strategic challenge.

Why Play This Game

Perfect Brain Training Tool

Unpuzzle provides excellent exercise for spatial reasoning, logical thinking, and strategic planning skills. It's an ideal way to keep your mind sharp while having fun.

Stress Relief and Relaxation

The calm, methodical nature of the gameplay makes it perfect for stress relief. Many players find the systematic piece removal process meditative and soothing.

Accessible to Everyone

With its simple mechanics and intuitive controls, Unpuzzle welcomes players of all ages and experience levels. Whether you're a puzzle veteran or newcomer, you'll find something to enjoy.

No Time Pressure

Take as long as you need to solve each puzzle. There are no timers or pressure elements, allowing you to play at your own comfortable pace.

Completely Free Experience

Enjoy unlimited access to all puzzles and features without any cost. No hidden fees, no premium content - just pure puzzle-solving fun.

Frequently Asked Questions (FAQ)