Whiteball - Physics Puzzle Game

Seele01-Flash
By
Whiteball is a captivating physics-based puzzle game where you guide white balls from top to bottom using interactive windmills and obstacles. Master gravity and physics to solve increasingly challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Whiteball - Physics Gravity Puzzle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist "Dark Mode" aesthetic to contrast with the "White Ball". Use a deep charcoal or black background (`#111111`). * **Key Objects**: * **The Ball**: A high-gloss, emissive white sphere (`MeshStandardMaterial` with emission). It should look like a glowing marble. * **Windmills/Spinners**: Neon-colored geometric crosses or bars (Green `#00FF00` or Magenta `#FF00FF` based on the icon) that act as obstacles and flippers. * **The Cups**: U-shaped translucent containers at the bottom of the screen to catch the balls. * **Pegs/Static Obstacles**: Simple cylindrical pins (grey) to deflect the ball, similar to Pachinko. * **Camera**: Fixed **Orthographic Camera** aligned to a 2D plane (Z-axis up or looking down Y-axis) to ensure precise gameplay and view of the entire vertical board. * **Performance**: Use `InstancedMesh` if there are many static pegs. Low polygon count for cylinders/spheres. ### 2. Audio Requirements * **BGM**: A calm, cerebral, looping Ambient or Lo-Fi beat. It should be relaxing, aiding concentration. * **SFX**: * **Collision**: A satisfying "click" or "glass tap" sound when the ball hits a wall or peg. * **Spinner Activation**: A mechanical "whir" or "woosh" sound when the player taps a windmill. * **Success**: A melodic "chime" or high-pitched "ding" when a ball lands in a target cup. ### 3. Gameplay Loop * **Physics Integration**: Integrate a physics engine (like **Cannon-es** or **Matter.js** simplified for 3D). The game relies heavily on gravity and restitution (bounciness). * **Start State**: A white ball spawns at the top of the screen and begins falling due to gravity. * **Interaction Mechanism**: The "Windmills" (spinners) are free-spinning or static until interacted with. When the player taps a windmill, it spins rapidly for a short duration (motor impulse), smacking the ball to change its trajectory. * **Objective**: Guide the falling ball through the maze of static pegs and dynamic windmills into the specific "Cup" at the bottom. * **Win/Loss**: Level completes when the ball settles in the cup. Reset if the ball falls off-screen (misses the cup). ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** strictly (vertical flow from top to bottom). * **Input Method**: **Tap-to-Interact**. Raycasting must be implemented to detect taps on specific Windmill objects. * User taps a Windmill -> Windmill applies torque/rotation force. * **Feedback**: * **Visual**: The Windmill should flash brighter briefly when tapped. * **Haptic**: Trigger `navigator.vibrate(10)` (light impact) when the ball hits an obstacle or when the player activates a spinner. * **UI**: A simple "Reset" button in the top right corner (minimum 44x44px touch target) and a Level Counter. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Whiteball is an engaging physics puzzle game that combines strategy, timing, and understanding of gravity to create an addictive gaming experience. Rated 4.4/5 by players, this free HTML5 game challenges you to guide white balls through complex mechanical contraptions to reach their destination cups at the bottom of the screen.

The game leverages realistic physics mechanics where every movement, trajectory, and speed is governed by natural laws of motion and energy. Each level presents a unique puzzle featuring spinning windmills, rotating obstacles, and intricate pathways that require careful planning and precise timing to navigate successfully.

Core Features

Realistic Physics Engine

Every ball movement follows authentic physics principles, making each trajectory predictable yet challenging to master. The game's physics system creates realistic bounces, spins, and momentum that add depth to the puzzle-solving experience.

Interactive Windmill System

Control spinning windmills and rotating obstacles by clicking or tapping them at the right moment. These mechanical elements serve as both tools and challenges, requiring strategic thinking to use effectively.

Progressive Difficulty

Start with simple ball-drop puzzles and advance through increasingly complex contraptions. Each level introduces new mechanical elements and obstacle configurations that test your problem-solving abilities.

Cross-Platform Compatibility

Built with HTML5 technology, Whiteball runs smoothly on desktop computers, tablets, and smartphones without requiring downloads or installations.

Free-to-Play

Enjoy unlimited access to all levels and features without any cost. No hidden fees, subscriptions, or premium content barriers.

Gameplay Mechanics

The objective is elegantly simple yet challenging to execute: guide white balls from their starting position at the top of the screen into collection cups positioned at the bottom. However, the path between start and finish is filled with spinning windmills, rotating platforms, and various obstacles that can either help or hinder your progress.

Success requires understanding timing, momentum, and the interaction between different mechanical elements. Some windmills will propel your ball forward, while others might redirect it toward obstacles. Learning to read the mechanical patterns and anticipate ball behavior is key to mastering each level.

Operation Guide

Desktop Controls: - Use your mouse to point and click on windmills and interactive elements - Click at the right moment to activate spinning mechanisms - Observe ball physics and plan your moves accordingly

Mobile Controls: - Tap windmills and obstacles with your finger to activate them - Use precise timing to guide balls through complex pathways - Touch controls are optimized for smooth smartphone and tablet gameplay

Strategy Tips: - Study each level layout before making your first move - Observe the rotation patterns of windmills and obstacles - Time your clicks/taps to coincide with optimal ball positioning - Use failed attempts as learning opportunities to understand physics interactions

Why Play Whiteball

Whiteball offers a perfect blend of intellectual challenge and satisfying gameplay mechanics. The game appeals to puzzle enthusiasts who enjoy physics-based challenges and strategic thinking. Its clean, minimalist design focuses attention on the core puzzle mechanics without unnecessary distractions.

The progressive difficulty curve ensures that both beginners and experienced puzzle gamers find appropriate challenges. Each successfully completed level provides a sense of accomplishment, while failed attempts offer valuable learning experiences about physics interactions.

The game's free-to-play nature and cross-platform compatibility make it accessible to anyone with an internet connection, whether you're looking for a quick mental break or an extended puzzle-solving session.

Frequently Asked Questions (FAQ)