Super Stacker

Seele01-Flash
By
Super Stacker is an addictive physics puzzle game where you stack rubbery blocks and keep them balanced until the timer expires. Simple to learn but challenging to master!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Super Stacker Reimagined**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Aesthetic using an Orthographic Camera. Mimic the "hand-drawn cartoon" style of the reference image. Use **Toon Shading (Cel Shading)** with bright, flat colors (pastel purples, greens, oranges) and distinct black outlines (using `Three.LineSegments` or an outline post-processing effect). * **Characters (Blocks):** The blocks are the characters. * **Shapes:** Cubes (Squares), Cylinders (Circles), and Prisms (Triangles). * **Faces:** Procedurally generate `CanvasTexture` for faces applied to the front of the blocks. Default expression: "Neutral/Happy". If the block's velocity is high (unstable), switch texture to "Scared/Wide-eyed". * **Environment:** A static, solid platform at the bottom (the ground). The background should be a clean, dark radial gradient (Dark Blue to Black) to make the bright blocks pop. * **Performance:** Use simple geometry (low polygon count). Reuse geometries and materials where possible to reduce draw calls. ### 2. Audio Requirements * **BGM:** A quirky, looping "thinking music" track—playful pizzicato strings or light synth. When the final "Survival Timer" starts, fade into a faster, ticking-clock style drum beat. * **Sound Effects (SFX):** * **Spawn:** A soft "pop" sound. * **Collision:** A rubbery "boing" or distinct dull thud depending on velocity (not a hard rock smash). * **Voice/Emotes:** A high-pitched "Whoa!" sound if a block teeters near the edge. * **Win:** A triumphant brass fanfare. * **Fail:** A comedic "slide whistle" down or crashing sound. ### 3. Gameplay Loop * **Level System:** Define a configuration array for levels (e.g., Level 1: 2 Squares; Level 2: 1 Square, 1 Triangle, 1 Circle). * **Stacking Phase:** 1. The current shape appears suspended at the top of the screen. 2. Player positions and drops the shape. 3. The physics engine (use **Cannon.js** or a simple custom verlet integration) simulates gravity, collision, and friction. * **Note:** Physics materials should feel "rubbery"—high friction (to prevent sliding) and slight restitution (bounciness). * **Survival Phase:** Once all shapes for the level are placed, a **10-second countdown** timer starts. * **Win Condition:** The stack remains stable on the platform (no blocks fall into the void) until the timer reaches 0. * **Fail Condition:** Any block falls off the platform (y-position < limit) at any time. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait Mode (preferred for vertical stacking). * **Control Scheme:** * **Touch & Drag:** The user touches anywhere on the top half of the screen to control the horizontal (X-axis) position of the currently suspended block. * **Release to Drop:** Releasing the touch triggers the block to fall (activates dynamic physics body). * **UI Layout:** * **Top:** "Next Block" preview (small icon). * **Center (Overlay):** Large Countdown Timer (only visible during Survival Phase). * **Bottom:** Level Indicator and a "Restart" button (ensure hit area is at least 48x48px). * **Feedback:** * **Haptic:** Trigger a short vibration (using `navigator.vibrate`) when a block collides with another block. * **Visual:** Small dust particle explosion at the contact point upon collision. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Super Stacker is a captivating physics-based puzzle game that challenges your precision and patience. With a stellar rating of 4.5/5 from thousands of players, this free online game offers hours of engaging gameplay. The concept is deceptively simple: stack blocks on top of each other. However, these aren't ordinary blocks - they're rubbery and wobbly, making balance a real challenge!

Core Features

Physics-Based Gameplay

Experience realistic physics simulation where every block behaves with natural weight and momentum. The rubbery texture of blocks adds an extra layer of difficulty, as they tend to bounce and shift unpredictably.

Progressive Difficulty

Each level presents unique challenges with different block shapes, sizes, and stacking requirements. As you advance, you'll encounter more complex arrangements that test your spatial reasoning skills.

Timer Challenge

The pressure is on! You must keep your stack stable until the countdown timer reaches zero. This adds excitement and urgency to every placement decision.

Free Browser Gaming

Play instantly in any modern web browser without downloads or installations. Perfect for quick gaming sessions during breaks or extended puzzle-solving marathons.

Game Mechanics

Super Stacker combines elements of traditional puzzle games with realistic physics simulation. The wobbly nature of the blocks means that even a perfectly placed piece can cause your entire tower to tumble if not properly balanced. This creates a unique gaming experience where patience and precision are equally important.

Block Varieties

Encounter different block shapes including rectangles, squares, and irregular forms. Each shape presents its own stacking challenges and requires different strategies to maintain stability.

How to Play

Basic Controls

  • Mouse Click : Pick up and place blocks
  • Drag : Position blocks precisely before dropping
  • Strategic Placement : Consider weight distribution and balance points

Winning Strategy

  1. Analyze the Setup : Before making your first move, study the available blocks and the target area
  2. Start with Foundation : Place larger, more stable blocks at the bottom when possible
  3. Center of Gravity : Always consider where the center of gravity will be after placing each block
  4. Patience is Key : Don't rush - take time to position each block carefully
  5. Plan Ahead : Think several moves ahead to avoid creating unstable configurations

Advanced Techniques

Master players learn to use the rubbery physics to their advantage, sometimes allowing controlled bouncing to achieve seemingly impossible stacks. Understanding momentum and settling time becomes crucial in later levels.

Why Play Super Stacker

This game offers the perfect blend of simplicity and complexity. While anyone can understand the basic concept within seconds, mastering the physics and developing consistent stacking strategies provides long-term engagement. The satisfaction of successfully completing a challenging level, especially when your stack wobbles dangerously but ultimately holds, is incredibly rewarding.

Educational Benefits

  • Spatial Reasoning : Improves 3D thinking and spatial awareness
  • Physics Understanding : Develops intuitive grasp of balance, weight, and momentum
  • Problem Solving : Enhances analytical thinking and planning skills
  • Patience and Focus : Builds concentration and methodical thinking

Suitable for All Ages

Rated for all ages, Super Stacker appeals to children learning basic physics concepts and adults seeking a mentally stimulating challenge. The simple controls make it accessible to younger players, while the physics complexity keeps experienced gamers engaged.

Frequently Asked Questions (FAQ)