Figure It Out - Shape Puzzle Game - Puzzle Game

Seele01-Flash
By Olivia Harris
Play Figure It Out, a challenging shape puzzle game! Stack and arrange blocks optimally in containers. Free browser game with mobile support. Perfect for puzzle lovers!
New

3D Block Puzzle

Build a 3D falling-block puzzle with rotations and row clears.

Build a 3D falling-block puzzle with rotations and row clears.Open in workspace
New

Drone Flight Combat

Build a cinematic drone combat run with missiles and a HUD.

Build a cinematic drone combat run with missiles and a HUD.Open in workspace
Puzzle

Box Robot Puzzle

Build crate-pushing puzzles with vehicles and physics timing.

Build crate-pushing puzzles with vehicles and physics timing.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Driving

City Car Driving

Build an open-city free-driving game with car selection.

Build an open-city free-driving game with car selection.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace
Subscriber only

Unreal Dungeon Crawler

Build a playable Unreal dungeon crawler, combat-ready.

Build a playable Unreal dungeon crawler, combat-ready.Open in workspace
New

Arcade Crossing Game

Build a lane-dodging arcade game with traffic and pickups.

Build a lane-dodging arcade game with traffic and pickups.Open in workspace
FPS

Zombie Horror Survival

Build a tense zombie horror survival with map progression.

Build a tense zombie horror survival with map progression.Open in workspace
New

3D Block Puzzle

Build a 3D falling-block puzzle with rotations and row clears.

Build a 3D falling-block puzzle with rotations and row clears.Open in workspace
New

Drone Flight Combat

Build a cinematic drone combat run with missiles and a HUD.

Build a cinematic drone combat run with missiles and a HUD.Open in workspace
Puzzle

Box Robot Puzzle

Build crate-pushing puzzles with vehicles and physics timing.

Build crate-pushing puzzles with vehicles and physics timing.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Driving

City Car Driving

Build an open-city free-driving game with car selection.

Build an open-city free-driving game with car selection.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace
Subscriber only

Unreal Dungeon Crawler

Build a playable Unreal dungeon crawler, combat-ready.

Build a playable Unreal dungeon crawler, combat-ready.Open in workspace
New

Arcade Crossing Game

Build a lane-dodging arcade game with traffic and pickups.

Build a lane-dodging arcade game with traffic and pickups.Open in workspace
FPS

Zombie Horror Survival

Build a tense zombie horror survival with map progression.

Build a tense zombie horror survival with map progression.Open in workspace

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.
A game idea becoming a playable world and reaching an audience
MAKE • SHARE • EARN

Games are fun. Creating them is even better.

Start creating for free

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)