Box Tower - Stack Building Puzzle Game

Seele01-Flash
By
Box Tower is an addictive puzzle game that challenges your precision and timing skills. Stack blocks perfectly to build the tallest tower possible while avoiding breaks and maintaining perfect rhythm.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Box Tower**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Clean, minimalist Isometric 3D aesthetic (similar to "Stack"). Use soft, pastel color palettes that change progressively as the tower gets higher (gradient background shifts). * **Camera:** Orthographic camera positioned at an isometric angle (e.g., `position.set(10, 10, 10)` looking at `0,0,0`). The camera must move upwards smoothly as the tower grows to keep the top block in focus. * **Blocks:** Low-poly rectangular cuboids. The "active" block should slide back and forth automatically along the X or Z axis alternatively. * **Debris Effect:** When a player misses a perfect stack, the overhanging part of the block must be "sliced" off. This sliced piece should physically fall down (using basic physics simulation or simple gravity animation) and fade away. * **Lighting:** Soft ambient light coupled with a directional light to cast subtle shadows, emphasizing depth and making it easier for the player to judge alignment. * **Mobile Optimization:** Use `THREE.BoxGeometry` reusing materials to minimize draw calls. Ensure the renderer pixel ratio is capped at 2 for high-DPI screens to maintain performance. ### 2. Audio Requirements * **BGM:** A chill, lo-fi, or rhythmic ambient electronic track that starts minimal and adds layers (drums, bass) as the combo counter increases. * **Sound Effects (SFX):** * **Perfect Match:** A satisfying, high-pitched "ding" or harmonic chime (C-major scale progression that goes up a note with every consecutive perfect hit). * **Imperfect Match:** A duller, wooden "thud" or "clack" sound. * **Slice/Break:** A crumbling stone sound when the excess block falls off. * **Game Over:** A descending, slightly dissonant crash or "womp-womp" sound. ### 3. Gameplay Loop * **Core Mechanic:** The player controls a moving block sliding horizontally over the previous block. The goal is to tap the screen to stop the block exactly on top of the previous one. * **Slicing Logic:** If the block is not perfectly aligned, the part hanging over the edge is sliced off. This makes the *next* block smaller (equal to the remaining size of the current block), increasing difficulty. * **Loss Condition:** If the player misses completely (the block doesn't touch the previous one at all), the block falls, and the game ends. * **Combo System:** If the player achieves a "Perfect" stack (within a tiny margin of error), the block size slightly expands (up to the original maximum size) or gives bonus points. Visual feedback (flash or particle burst) is required for perfect hits. * **Score:** Display the current tower height prominently. ### 4. Mobile Controls & Interaction * **Input Method:** Full-screen tap detection. No virtual buttons needed. Touching anywhere on the screen stops the moving block immediately. * **Responsiveness:** Input must be handled on `touchstart` (not `touchend` or `click`) to ensure zero latency for precise timing. * **Orientation:** Force Portrait mode logic. The UI and camera FOV should be calculated based on `window.innerWidth / window.innerHeight` to ensure the tower doesn't get cut off on narrower phone screens. * **UI/Haptics:** * **Haptic Feedback:** Trigger a light vibration (`navigator.vibrate(10)`) on a successful stack, and a stronger vibration on Game Over. * **Start Screen:** A simple "Tap to Start" overlay. * **Game Over Screen:** A modal showing "Score", "High Score", and a large, touch-friendly "Restart" button (at least 60x60px hit area). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Box Tower

Box Tower is a captivating skill-based puzzle game that tests your precision, timing, and concentration. In this engaging tower-building challenge, your goal is simple yet demanding: stack blocks as accurately as possible to create the tallest tower you can while beating your personal high score. The game combines elements of puzzle-solving, arcade action, and skill development into one addictive package.

Featuring clean, minimalist 3D graphics with an isometric perspective, Box Tower offers a visually appealing experience that keeps you focused on the core gameplay mechanics. The vibrant color scheme and smooth animations create an engaging atmosphere perfect for both quick gaming sessions and extended play.

Core Features

Precision-Based Gameplay

The heart of Box Tower lies in its precision mechanics. Each block must be stopped at the exact moment when it aligns perfectly with the block below. Miss the timing, and your block will break into smaller pieces, making subsequent stacking more challenging and reducing your tower's stability.

Progressive Difficulty

As your tower grows taller, the game becomes increasingly challenging. Blocks move faster, and the margin for error decreases, requiring improved focus and quicker reflexes. This progressive difficulty system ensures that the game remains engaging regardless of your skill level.

Score Competition

Box Tower features a high-score system that encourages repeated play. Challenge yourself to beat your previous records and see how far you can push your stacking skills. The scoring system rewards both tower height and stacking precision.

Instant Restart

When your tower inevitably falls, you can immediately restart and try again. This quick restart feature maintains the game's addictive flow and encourages "just one more try" gameplay sessions.

Game Mechanics

Block Movement Patterns

Blocks move horizontally across the screen in a pendulum-like motion. The key to success is observing the movement pattern and timing your stop command perfectly. Each level may feature different movement speeds and patterns, keeping the gameplay fresh and challenging.

Breaking System

When blocks aren't aligned perfectly, they break off excess portions that don't overlap with the block below. This breaking system creates a risk-reward dynamic where precision is crucial for maintaining tower stability and maximizing height.

Rhythm and Flow

Successful Box Tower gameplay requires developing a rhythm. The best players find a steady pace that allows for both accuracy and speed, creating a meditative flow state that makes the game particularly satisfying to play.

Operation Guide

Basic Controls

Box Tower features incredibly simple one-button controls that anyone can master:

  • Spacebar : Stop the moving block and stack it on the tower
  • Mouse : Navigate menus and restart the game

The simplicity of the control scheme makes Box Tower accessible to players of all ages while ensuring that success depends purely on skill and timing rather than complex button combinations.

Timing Strategy

The key to mastering Box Tower is developing perfect timing. Watch the block's movement pattern carefully and anticipate the exact moment when it will be perfectly aligned. Don't rush – it's better to take a moment to ensure precision than to stack quickly and lose portions of your blocks.

Building Techniques

  1. Focus on the Center : Try to keep blocks centered for maximum stability
  2. Maintain Rhythm : Develop a consistent timing pattern
  3. Stay Calm : Don't panic as the tower gets higher
  4. Practice Patience : Precision beats speed every time

Why Play Box Tower

Perfect for All Skill Levels

Whether you're a casual gamer looking for a quick distraction or a puzzle enthusiast seeking a new challenge, Box Tower adapts to your skill level. The simple mechanics are easy to learn, but mastering the game requires practice and dedication.

Stress Relief and Focus Training

The game's meditative quality makes it excellent for stress relief. The focus required to stack blocks precisely can help clear your mind and improve concentration skills. Many players find Box Tower to be a relaxing way to unwind after a busy day.

No Commitment Required

With no story mode or complex progression systems, Box Tower is perfect for quick gaming sessions. Play for two minutes or two hours – the game accommodates any schedule.

Completely Free

Box Tower is entirely free to play with no hidden costs, in-app purchases, or premium features. Simply open your browser and start stacking blocks immediately.

Cross-Platform Compatibility

The game works perfectly on desktop computers, laptops, tablets, and smartphones. The responsive design ensures optimal gameplay experience across all devices and screen sizes.

Frequently Asked Questions (FAQ)