Flipper Dunk 3D

Seele01-Flash
By
Flipper Dunk 3D is an addictive single-tap basketball pinball game that combines precision physics with satisfying dunking action. Master the art of timing to become the ultimate dunker in this challenging yet rewarding arcade experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flipper Dunk 3D". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual 3D aesthetic. Use high-saturation, clean colors. * **Background**: A vertical gradient background (CSS or full-screen plane) transitioning from warm Pink (#FF6B6B) at the top to Orange (#FF8E53) at the bottom. * **Structures**: Create a smooth, curved wall on the left side (Cyan/Blue color) acting as the boundary, similar to a pinball machine edge. * **The Flipper**: A rounded rectangular paddle (White/Light Grey). It must be physically anchored via a hinge joint. * **The Ball**: A stylized basketball with two distinct colored segments (Cyan and Green) rather than a texture, allowing rotation to be clearly visible. * **The Hoop**: A simple torus (rim) with a semi-transparent cylindrical mesh (net) placed strategically above the flipper. * **Lighting**: Use soft lighting to create a smooth look. One directional light casting soft shadows and an ambient light to ensure no pitch-black areas. * **Performance**: Use `BufferGeometry` for all shapes. No external model loading; build all assets using Three.js primitives (Sphere, Cylinder, Box) to ensure instant loading on mobile networks. ### 2. Audio Requirements * **BGM**: A lighthearted, rhythmic "lo-fi beat" or upbeat synth-pop track that loops seamlessly. It should not be distracting. * **Sound Effects (SFX)**: * **Flipper**: A mechanical "clack" sound when the flipper is activated. * **Ball Bounce**: A rubbery thud when the ball hits the wall or flipper. * **Dunk**: A satisfying "swish" (net sound) mixed with a high-pitched chime for scoring. * **Rim Hit**: A metallic "clank" if the ball hits the hoop rim but misses. ### 3. Gameplay Loop * **Physics Engine**: Integrate `cannon-es` (or a similar lightweight physics library) to handle collisions, gravity, and the flipper's hinge constraint. * **Core Mechanic**: * The ball spawns above the flipper. gravity pulls it down. * The player taps the screen to activate the flipper (apply torque/force). * The goal is to launch the ball into the hoop. * **Progression**: * **Score**: +1 point for every successful dunk. * **Dynamic Difficulty**: After a successful dunk, the hoop moves to a new random position (higher or further right). * **Win/Loss**: * If the ball falls below the flipper (bottom of the screen), the game resets/game over. * Add a "Confetti Explosion" particle effect upon scoring. ### 4. Mobile Controls & Interaction * **Input Method**: Full-screen tap detection. * `touchstart` / `mousedown`: Flipper rotates rapidly upward (shoot). * `touchend` / `mouseup`: Flipper returns to resting position. * **Screen Orientation**: Lock to **Portrait Mode**. The camera should be static, framing the flipper at the bottom and the hoop area above. * **Haptic Feedback**: Trigger `navigator.vibrate(15)` on flipper activation and `navigator.vibrate(40)` on a successful dunk to enhance the "physical" feel on phones. * **UI**: * Place the Score Counter at the top center (large, bold font, sans-serif). * Ensure the UI does not block the gameplay area. * Add a "Tap to Start" overlay initially. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flipper Dunk 3D is a uniquely challenging basketball game that merges classic pinball mechanics with modern physics-based gameplay. This isn't your typical basketball game - it's a test of patience, precision, and perfect timing that will keep you coming back for "just one more try."

The game's simple premise belies its addictive depth: use a single flipper to guide a basketball into the hoop. What sounds easy becomes an exercise in mastery as you learn to read ball physics, predict trajectories, and time your flips with surgical precision.

Core Features

One-Button Simplicity, Endless Depth

The beauty of Flipper Dunk 3D lies in its elegant simplicity. With just one mouse click, you control everything - yet mastering that single input takes dedication and skill. This accessibility makes it perfect for quick gaming sessions or extended practice marathons.

Realistic Physics Engine

Every bounce, roll, and trajectory feels authentic thanks to the game's sophisticated physics system. The basketball responds naturally to your flipper's force and angle, creating genuine cause-and-effect gameplay where improvement comes through understanding, not memorization.

Progressive Challenge System

While easy to learn, the game implements a perfectly calibrated difficulty curve. Early successes build confidence, while later challenges demand the "patience of a monk and precision of a master" - exactly what makes each successful dunk incredibly satisfying.

Instant Accessibility

Play immediately in your browser without downloads, installations, or account creation. The game works flawlessly on both desktop computers and mobile devices, making it the perfect pick-up-and-play experience.

Gameplay Mechanics

The core gameplay revolves around timing and physics understanding. Your flipper launches the basketball upward, and gravity, momentum, and surface interactions determine where it lands. Success requires:

  • Timing Mastery : Learning when to activate the flipper for optimal trajectory
  • Force Control : Understanding how click duration affects launch power
  • Physics Prediction : Reading ball behavior to plan your next move
  • Patience Building : Staying calm under pressure for consistent performance

Operation Guide

Controls : Use the left mouse button to activate the flipper. That's it - one simple control for infinite gameplay possibilities.

Objective : Guide the basketball into the hoop using only flipper actions. Each successful dunk advances you to increasingly challenging setups.

Strategy Tips : - Start with gentle taps to understand ball physics - Observe trajectory patterns before attempting difficult shots - Practice consistent timing rather than random clicking - Stay patient - rushed attempts rarely succeed

Why Play Flipper Dunk 3D

Perfect Stress Relief

The game's meditative quality makes it ideal for unwinding. The repetitive yet skill-based nature provides a perfect mental break from daily stresses while keeping your mind engaged.

Skill Development

Improve hand-eye coordination, timing precision, and physics intuition through gameplay. These skills transfer to other gaming experiences and real-world activities.

Universal Appeal

Whether you're a casual gamer looking for quick entertainment or a dedicated player seeking mastery challenges, Flipper Dunk 3D delivers satisfaction at every skill level.

Zero Commitment Gaming

No downloads, no accounts, no in-app purchases - just pure gaming fun whenever you want it. Perfect for office breaks, commute entertainment, or late-night gaming sessions.

The game's "easy to learn, difficult to master" philosophy ensures that while anyone can start playing immediately, true mastery provides a long-term goal worth pursuing. When you finally nail that perfect sequence of flips for a spectacular dunk, the satisfaction is unmatched.

Frequently Asked Questions (FAQ)