Unpuzzle: Tap Away Puzzle Game

Seele01-Flash
By
Unpuzzle: Tap Away is an addictive logic puzzle game featuring over 1000 challenging levels. Swipe colorful arrow blocks strategically to clear the board and test your critical thinking skills.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Unpuzzle: 3D Tap Away**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Juicy" Minimalist 3D. The game should feature a grid of slightly rounded cubes (use `BoxGeometry` with beveled edges or a texture that simulates depth). * **Color Palette:** Use a dark, matte background (Navy Blue or Dark Grey like `#222233`) to make the foreground pop. The blocks should use vibrant, saturated colors (Neon Green, Orange, Cyan) similar to the screenshot. * **Block Design:** Each block must have a clearly visible white arrow icon texture on its top face indicating direction (Up, Down, Left, Right). * **Effects:** * When a block flies away, it should leave a temporary "speed trail" or emit simple cube particles. * Use an **Orthographic Camera** positioned at a slight angle (isometric view) to maintain the puzzle clarity while showing 3D depth. * **Optimization:** Use simple geometries. If possible, merge geometries or use `InstancedMesh` for performance on low-end mobile devices, though standard Meshes are acceptable for the logic prototype. ### 2. Audio Requirements * **BGM:** A soothing, ambient "Zen" track. Think Lo-fi beats or soft electronic chimes that encourage focus. * **Sound Effects (SFX):** * **Tap/Select:** A crisp, high-pitched "pop" or "click". * **Whoosh:** A quick wind sound when a block successfully flies off-screen. * **Blocked:** A dull "thud" or "wooden knock" sound if a player taps a block that cannot move. * **Level Complete:** A satisfying ascending major chord arpeggio. ### 3. Gameplay Loop * **Level Generation:** Initialize a grid (e.g., 5x5 or irregular shape) of blocks. Each block is assigned a random direction (North, South, East, West). * **Core Mechanic:** 1. The player taps a block. 2. The game logic checks the grid in the direction of the block's arrow. 3. **If the path is clear (no other blocks):** The block animates rapidly off the screen in that direction and is removed from the array. 4. **If the path is blocked:** The block performs a short "shake" or "wiggle" animation to indicate it is stuck, and stays in place. * **Win Condition:** The level is won when the board is completely empty. * **Obstacles (Advanced):** Include static gray blocks (gears/stones) that cannot be moved and block the path of colored blocks. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement a `Raycaster` linked to `touchstart` events. The game must differentiate between a tap (to select) and a scroll (to ignore). * **Haptic Feedback:** Use `navigator.vibrate(10)` for a successful tap and `navigator.vibrate([30, 10, 30])` (double pulse) when a block is stuck. * **Animations:** Use a tweening library (like GSAP or TWEEN.js) for smooth movement. Blocks shouldn't just teleport; they must slide. * **UI Layout:** * Place a "Reset" button and "Level Indicator" at the top of the screen (safe from accidental touches). * Ensure all interactive elements have a hit area of at least 44x44 pixels. * Support both Portrait and Landscape orientations, adjusting the camera zoom (Orthographic scale) to keep the whole puzzle visible. 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: Tap Away Puzzle Game is a captivating brain-teaser that challenges players to think strategically and solve intricate block puzzles. With over 1000 levels of increasing difficulty, this colorful logic game combines simple mechanics with complex problem-solving challenges that will keep your mind sharp and engaged.

The game features vibrant pixel art graphics and intuitive one-click gameplay that makes it accessible to players of all ages. Each level presents a unique puzzle configuration where players must carefully plan their moves to successfully clear all blocks from the board.

Core Features

Extensive Level Progression

With over 1000 levels available, Unpuzzle offers virtually endless entertainment. The difficulty progression is carefully crafted, starting with simple puzzles to teach basic mechanics and gradually introducing more complex arrangements that require advanced strategic thinking.

Customizable Visual Experience

  • Multiple themes and skins to personalize your gaming experience
  • Colorful pixel art graphics that are both modern and nostalgic
  • Satisfying visual feedback with each successful block removal
  • Clean, minimalist interface that keeps focus on the puzzle

Strategic Gameplay Elements

  • Limited move system that adds strategic depth
  • Directional arrow mechanics requiring spatial reasoning
  • Progressive difficulty with rotating blocks and complex arrangements
  • Power-ups and tools including bombs and hammers to assist with challenging levels

Cross-Platform Accessibility

Play seamlessly across multiple platforms: - Web browsers (desktop and mobile) - iOS devices for on-the-go puzzle solving - Android smartphones and tablets - No download required for browser version

Gameplay Mechanics

Basic Rules

The core objective is deceptively simple: clear all colorful blocks from the game board. Each block displays a directional arrow (north, south, east, or west) indicating the direction it will move when tapped.

Strategic Elements

  • Click a block and it moves in the direction of its arrow
  • Unobstructed blocks slide completely off the board
  • Blocked movements require strategic planning to create openings
  • Limited moves per level add pressure and require efficient solutions

Advanced Challenges

As you progress through the levels, you'll encounter: - Rotating arrow configurations that change movement patterns - Complex block arrangements requiring multi-step solutions - Puzzle variations that introduce new mechanical elements - Time pressure in certain advanced levels

How to Play

Getting Started

  1. Observe the board layout and identify all block positions and arrow directions
  2. Plan your sequence of moves before making your first click
  3. Click on blocks to move them in their indicated direction
  4. Clear all blocks from the board to complete the level
  5. Use power-ups strategically when available to overcome difficult situations

Winning Strategies

  • Think several moves ahead to avoid getting stuck
  • Create pathways for trapped blocks by removing obstructions first
  • Preserve your moves by avoiding unnecessary actions
  • Use the generous move allowance wisely - most levels provide enough moves for multiple approaches
  • Experiment with different sequences if your initial strategy doesn't work

Why Play Unpuzzle

Mental Benefits

  • Enhances critical thinking and problem-solving skills
  • Improves spatial reasoning through directional puzzles
  • Develops strategic planning abilities
  • Provides relaxing mental exercise perfect for stress relief

Perfect for Any Schedule

  • Quick sessions - solve a few puzzles in minutes
  • Extended play - tackle challenging level sequences
  • Pause anytime - resume progress whenever convenient
  • No time pressure on most levels allows thoughtful consideration

Completely Free Experience

Enjoy the full game without any cost. All 1000+ levels are available for free, with optional customization features and power-ups available through earned points rather than purchases.

Frequently Asked Questions (FAQ)