Figure It Out - Shape Puzzle Game

Seele01-Flash
By
Figure It Out is an engaging shape puzzle game that challenges your spatial recognition skills. Stack various shapes optimally in containers using click-and-drag mechanics. Free to play on both desktop and mobile devices.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Figure It Out". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: **Retro Voxel / 2.5D Pixel Art aesthetic**. Based on the reference image, use a high-contrast color palette: Dark Maroon/Red background (#800000) with a subtle noise texture or checkerboard pattern. The puzzle pieces should be bright Teal/Cyan (#00FFFF) Voxel blocks (3D cubes acting as 2D pixels) with slight emission to make them pop. * **Camera**: Orthographic Camera fixed at a top-down view (bird's-eye), ensuring no perspective distortion to make the puzzle logic clear. * **Modeling**: Use `THREE.BoxGeometry` to construct Polyomino shapes (Tetris-like shapes made of cubes). The "Container" (Target Area) should be a recessed grid or a darker outline on the board. * **Performance**: Use `InstancedMesh` if creating many identical cube units to keep draw calls low. Ensure shadows are baked or disabled to maintain high FPS on mobile devices. ### 2. Audio Requirements * **BGM**: An upbeat, looping **Chiptune / 8-bit track** (NES style) that matches the retro font of the title image. It should be focus-oriented but catchy. * **Sound Effects**: * **Select**: A high-pitched 8-bit "blip" when a player touches a shape. * **Snap/Drop**: A satisfying, mechanical "clack" or low-pitched thud when a piece snaps into the grid. * **Win**: A rising arpeggio or fanfare when the puzzle is fully solved. * **Error**: A buzz sound if the player tries to place a piece where it doesn't fit. ### 3. Gameplay Loop * **Setup**: The screen is divided vertically. Top half: The "Target Container" (a grid shape, e.g., a 4x4 square or irregular silhouette) that is currently empty. Bottom half: The "Inventory" area containing scattered Polyomino pieces. * **Core Mechanic**: 1. **Select & Drag**: Player touches a piece in the inventory. The piece lifts up (z-axis offset) and follows the finger. 2. **Positioning**: As the player drags the piece over the Target Container, the game calculates if the piece aligns with the grid. 3. **Snap & Place**: When the player releases (touchend), if the piece is near a valid grid position and doesn't overlap existing pieces, it "snaps" into place. If invalid, it returns to the inventory. * **Win Condition**: The level is won when the Target Container is 100% filled with no empty spaces and no pieces left over. * **Progression**: Upon winning, display a "Level Clear" overlay and automatically load a slightly more complex shape configuration. ### 4. Mobile Controls & Interaction * **Touch Input System**: Use `touchstart`, `touchmove`, and `touchend` event listeners mapped to a Raycaster. * **Important**: Add `event.preventDefault()` to prevent the browser window from scrolling while dragging pieces. * **Visual Feedback**: * **On Drag**: The selected piece should scale up slightly (1.1x) and cast a shadow to indicate depth. * **Ghosting**: When hovering over a valid slot in the container, show a semi-transparent "Ghost" of the piece in green to indicate it fits. Show it in red if it overlaps/is invalid. * **Screen Orientation**: Portrait mode locked. The UI should be responsive: Target area on top (40% height), Inventory on bottom (60% height). * **Haptics**: Trigger `navigator.vibrate(10)` on a successful snap placement for tactile satisfaction. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Figure It Out is a captivating free puzzle game that puts your spatial reasoning skills to the ultimate test. With an impressive 4.36/5 rating from players, this game transforms the simple concept of shape arrangement into an addictive puzzle experience. Whether you're a casual puzzle enthusiast or someone who loves challenging brain teasers, Figure It Out offers the perfect blend of simplicity and complexity.

The game revolves around a fundamental yet engaging concept: fitting various shapes into designated containers in the most optimal way possible. Each level presents you with different geometric pieces that must be strategically positioned to achieve the perfect fit.

Core Features

Intuitive Gameplay Mechanics

Figure It Out features simple yet satisfying click-and-drag controls that make the game accessible to players of all ages. The straightforward interface ensures you can focus entirely on solving puzzles without wrestling with complicated controls.

Progressive Difficulty System

The game starts with basic shape arrangements and gradually introduces more complex configurations. Each level builds upon previous challenges, ensuring a smooth learning curve while maintaining engagement.

Cross-Platform Compatibility

  • Free Browser Play : No downloads required - play instantly in your web browser
  • Mobile Optimized : Perfectly adapted for smartphones and tablets
  • HTML5 Technology : Smooth performance across all modern devices
  • Universal Access : Compatible with Windows, Mac, iOS, and Android platforms

Spatial Recognition Training

Beyond entertainment, Figure It Out serves as an excellent brain training tool . Regular play helps improve: - Spatial awareness and visualization skills - Problem-solving abilities - Pattern recognition - Logical thinking processes

Game Mechanics

Shape Variety

The game features diverse geometric shapes including blocks, irregular polygons, and complex configurations. Each shape presents unique placement challenges that require careful consideration of orientation and positioning.

Container Challenges

Different container shapes and sizes keep the gameplay fresh and engaging. From simple rectangular boxes to complex multi-compartment containers, each level offers new spatial puzzles to solve.

Optimal Fitting Strategy

Success in Figure It Out isn't just about fitting pieces together - it's about finding the most efficient arrangement . This adds a strategic layer that transforms simple placement into thoughtful puzzle-solving.

How to Play

Basic Controls

  1. Click on any shape at the bottom of the screen to select it
  2. Drag the selected shape to your desired position in the container
  3. Drop the piece by releasing the mouse button or lifting your finger
  4. Rotate pieces as needed to find the perfect fit
  5. Rearrange shapes until you achieve optimal placement

Winning Strategy Tips

  • Study the container shape before placing any pieces
  • Visualize how pieces might fit together before moving them
  • Start with larger pieces to establish the foundation
  • Look for unique shapes that can only fit in specific positions
  • Don't be afraid to rearrange pieces if your initial placement doesn't work

Why Play Figure It Out

Perfect for All Skill Levels

Whether you're new to puzzle games or a seasoned pro, Figure It Out offers challenges appropriate for your skill level. The intuitive mechanics mean anyone can start playing immediately, while the progressive difficulty ensures long-term engagement.

Brain Training Benefits

Regular puzzle-solving has been shown to improve cognitive function, spatial reasoning, and problem-solving skills. Figure It Out provides an entertaining way to exercise your brain while having fun.

Stress-Free Gaming

With no time limits or pressure mechanics, you can solve puzzles at your own pace. This makes it perfect for relaxing gaming sessions or quick mental breaks during busy days.

Completely Free Experience

Enjoy the full game experience without any payment requirements. No hidden costs, premium features, or pay-to-win mechanics - just pure puzzle fun.

Instant Accessibility

No registration, downloads, or installations required. Simply open your browser, navigate to the game, and start playing immediately. Perfect for quick gaming sessions anywhere you have internet access.

Frequently Asked Questions (FAQ)