Table Tower Online

Seele01-Flash
By
Table Tower Online is an addictive 3D physics puzzle game where players carefully remove wooden blocks from a 54-piece tower without causing it to collapse. Test your steady hands and strategic thinking in this thrilling balance challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Table Tower Online" (a Jenga-style physics tower stacking game). Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Realistic, high-fidelity wood textures. The aesthetic should be relaxing and Zen, set in a semi-outdoor environment (like the gazebo in the reference). * **Core Assets:** * **The Tower:** 54 individual rectangular blocks arranged in 18 layers of 3 blocks each. Blocks must alternate orientation (North-South / East-West) every layer. Use `InstancedMesh` for the blocks to optimize mobile performance if possible, or simple `BoxGeometry` if physics requires individual meshes. * **The Table:** A simple, textured wooden surface acting as the static ground plane. * **Background:** Use a pre-blurred Equirectangular HDRI map of a garden or wooden porch to provide realistic lighting and reflections without high-poly background geometry. * **Lighting & Effects:** Soft directional sunlight casting dynamic shadows. Implement Ambient Occlusion (SSAO) if performant, otherwise bake fake occlusion into the block textures to define edges. Add a subtle "highlight outline" shader to the currently selected block. ### 2. Audio Requirements * **BGM:** A calm, lo-fi acoustic guitar track or ambient nature sounds (birds chirping, light wind) to match the garden gazebo setting. * **SFX:** * **Wood Slide:** A scraping sound that loops/plays while a block is being dragged, pitch-shifted slightly based on drag speed. * **Collision:** "Clack" and "Thud" sounds with varying volume based on impact velocity when blocks hit each other or the table. * **Selection:** A subtle "click" when a player taps a block. * **Game Over:** A loud, chaotic crashing sound of falling timber followed by a "Groan" or "Cheer" sound effect. ### 3. Gameplay Loop * **Physics Engine:** Integrate **Cannon.js** or **Ammo.js** for stable rigid body physics. Friction and mass must be tuned carefully so blocks don't slide too easily but aren't glued together. * **Turn Logic:** 1. **Selection Phase:** Player chooses a loose block (cannot pick from the top 3 completed rows). 2. **Extraction Phase:** Player carefully drags the block out of the tower. 3. **Placement Phase:** Player places the block on the topmost layer. 4. **Stability Check:** Wait 3 seconds. If the tower stands, turn passes to the next player (or AI). * **Win/Loss Condition:** * **Loss:** If any block other than the active one touches the table, or if the tower collapses (magnitude of velocity of multiple blocks exceeds a threshold), the current player loses. * **Win:** Survive the turn without the tower collapsing. ### 4. Mobile Controls & Interaction * **Camera Control (OrbitControls modified):** * **One-finger drag (Background):** Rotates the camera around the tower. * **Two-finger pinch:** Zoom in/out. * **Double-tap:** Reset camera focus to the active block. * **Block Interaction (Raycaster):** * **Tap:** Selects a block. Highlights it Green (if moveable) or Red (if locked/too high). * **Long Press & Drag (On Block):** Moves the block. * **Constraint System:** When a block is selected, **restrict movement to its local X or Z axis** (depending on orientation). Do not allow free 3D movement during extraction to prevent physics glitches. * **Placement Mode:** Once extracted, switch to a "Ghost" mode where the player taps the top of the tower to snap the block to a valid grid position, then confirms to drop it. * **UI/UX:** * Large, thumb-friendly "Confirm Move" button (bottom right). * Haptic Feedback (Vibration) when the block collides with neighbors during extraction to simulate friction. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Table Tower Online is a captivating 3D physics puzzle game that brings the classic block-stacking challenge to your browser. With realistic wood textures and precise physics simulation, you'll experience the authentic tension of carefully removing blocks from a towering structure while trying to keep it stable.

The game features 54 wooden blocks arranged in a perfectly balanced tower. Your mission is simple yet nerve-wracking: remove blocks one by one without causing the entire structure to tumble down. Each move requires careful consideration of weight distribution, balance points, and structural integrity.

Core Features

Realistic 3D Physics Engine

Experience incredibly realistic block physics with authentic weight, momentum, and collision detection. Every block behaves exactly as you'd expect real wooden pieces to move, creating an immersive and challenging gameplay experience.

Multiple Game Modes

  • Single Player : Practice your skills against AI or take your time perfecting your technique
  • Multiplayer Mode : Challenge friends online in real-time block removal competitions
  • 2-Player Local : Share the same device and take turns with a friend sitting beside you

Cross-Platform Compatibility

Play seamlessly across all your devices - desktop computers, tablets, and smartphones all support the full game experience through any modern web browser.

Stunning Visual Design

Enjoy beautifully rendered 3D graphics with realistic wood grain textures, dynamic lighting, and smooth animations that make every block removal feel satisfying and authentic.

Game Mechanics

The tower consists of 54 individual blocks arranged in 18 layers, with 3 blocks per layer positioned perpendicular to the layer below. Players take turns selecting and carefully sliding out blocks from anywhere in the tower except the top incomplete layer.

Strategic Depth

Success requires more than luck - you need to: - Assess the structural stability of each potential move - Identify which blocks provide critical support - Plan several moves ahead to avoid creating weak points - Read your opponent's strategy in multiplayer matches

Operation Guide

Camera Controls

  • WASD keys or Arrow keys : Move the camera around the tower to examine all angles
  • Q and E keys : Quick camera rotation for different perspectives

Block Interaction

  • Left Mouse Button : Click to select a block you want to remove
  • Right Mouse Button : Hold and drag to carefully slide the selected block out of the tower
  • Mouse Movement : Look around and examine the tower from different angles

Pro Tips for Success

  1. Examine Before Acting : Always rotate the camera to view the tower from multiple angles before selecting a block
  2. Test Gently : Lightly tap blocks to see how much they can move before committing to removal
  3. Focus on Edges : Edge blocks are typically safer to remove than center blocks
  4. Watch for Lean : If the tower starts leaning, prioritize moves that will restore balance
  5. Plan Ahead : Think about how your current move will affect future options

Why Play Table Tower Online

Perfect for All Skill Levels

Whether you're a casual puzzle game fan or a serious strategy enthusiast, Table Tower Online offers the perfect blend of accessibility and depth. The simple controls make it easy to start playing immediately, while the complex physics and strategic elements provide endless replay value.

Social Gaming Experience

The multiplayer features transform a simple puzzle into an exciting social experience. Challenge friends, family members, or random opponents online to see who has the steadiest hands and sharpest strategic mind.

Stress Relief and Mental Exercise

The game provides an excellent balance of relaxation and mental stimulation. The careful, deliberate gameplay helps reduce stress while the strategic thinking keeps your mind sharp and engaged.

No Installation Required

Jump straight into the action without any downloads or installations. The game runs smoothly in your web browser, saving device storage while delivering a premium gaming experience.

Frequently Asked Questions (FAQ)