Bottle Flip Challenge

Seele01-Flash
By
Bottle Flip Challenge is an addictive skill game that tests your precision and timing as you aim to make the perfect bottle flip and landing. Simple swipe controls hide deceptively challenging gameplay that will keep you coming back for more.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Bottle Flip Challenge**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-energy, casual arcade aesthetic. The background should be dynamic but not distracting—use a procedural gradient shader moving between deep orange and intense red (mimicking the "fire/explosion" vibe from the reference image) or a simplified indoor room setting (blurred living room or kitchen) to focus attention on the bottle. * **Core Asset (The Bottle):** Create a translucent, blue plastic water bottle using `THREE.CylinderGeometry`. * It needs a visible "fill level" representing water (about 1/3 full) that sloshes slightly or at least visually indicates weight at the bottom to justify the physics. * Add a simple white label and a blue cap. * Apply a `MeshPhysicalMaterial` with transmission and roughness to simulate plastic. * **Environment Elements:** * **Platforms:** A sequence of tables, shelves, or floating platforms of varying widths and heights. Material should be wood or matte plastic. * **Particle Effects:** When the bottle lands successfully, emit a burst of "confetti" or "spark" particles (yellow/white) to reward the player. If the bottle crashes, emit "water droplet" particles. * **Performance:** Use low-poly meshes for the platforms. Bake shadows where possible. Limit active particle counts to maintain 60FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** An upbeat, looped electronic track with a steady bassline (120 BPM) to maintain tension and focus. It should feel like a "hype" track. * **SFX:** * **Swipe:** A sharp "whoosh" sound varying in pitch based on swipe speed. * **Spin:** A subtle wind sound while the bottle is rotating in the air. * **Landing (Success):** A satisfying, heavy "thud" with a high-pitched "ding" overlay. * **Landing (Fail):** A plastic "clatter" or "bounce" sound, followed by a sad trombone or "womp-womp" cue. * **UI:** crisp "click" sounds for buttons. ### 3. Gameplay Loop * **Core Mechanic:** The player controls the bottle's jump. * **Input-to-Physics:** The length and speed of the vertical swipe determine the force applied to the bottle. A short swipe is a hop; a long, fast swipe sends it flying high. * **Rotation:** The bottle must automatically rotate based on the upward velocity. The key challenge is timing the rotation so it completes 360 degrees (or 720) just as it hits the next platform. * **Physics Engine:** Use `Cannon.js` or `Ammo.js` (or a simple custom physics implementation) for realistic gravity and collision. The bottle's center of mass must be low (bottom-heavy) to help it stand upright, but not so low that it's impossible to fail. * **Win/Loss Condition:** * **Win:** The bottle lands upright (angle < 15 degrees from vertical) on the target platform and stays still for 0.5 seconds. Score +1. * **Fail:** The bottle falls off the screen, lands on its side, or hits the floor. Reset streak to 0. * **Progression:** As the score increases, the platforms get smaller, move slightly, or the distance between them varies. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode** (Vertical) is mandatory for one-handed play. * **Touch Controls:** * **Gesture:** Detect `touchstart`, `touchmove`, and `touchend`. * **Swipe Logic:** Calculate the vector from `touchstart` to `touchend`. * **Vertical Delta:** Controls Jump Height. * **Swipe Speed:** Controls Rotational Torque. * **Visual Feedback:** Draw a subtle "trajectory arrow" or "power line" while the user is dragging (before release) to help them aim, but make it fade out after the first few levels to increase difficulty. * **Haptics:** Trigger a heavy vibration (`navigator.vibrate(50)`) upon a successful landing and a jarring, double vibration (`navigator.vibrate([30, 50, 30])`) upon failure. * **UI Layout:** * Score counter centered at the top (large font). * "Retry" button appears instantly upon death in the center of the screen (minimum 60x60px touch area). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Bottle Flip Challenge is the ultimate test of precision and patience that has captivated millions of players worldwide. This deceptively simple skill game challenges you to master the perfect bottle flip, where timing and technique are everything. With just a swipe of your finger, you'll attempt to make the bottle complete a perfect rotation and land upright on the table - but don't be fooled by its simplicity, as this game will test your skills to the limit.

Core Features

This engaging skill game offers an experience that's both frustratingly challenging and incredibly rewarding :

  • Completely Free : No hidden costs or premium features - enjoy unlimited bottle flipping action without spending a penny
  • Simple One-Touch Controls : Easy to learn swipe mechanics that anyone can pick up in seconds
  • Progressive Difficulty : The higher you flip, the more challenging it becomes, creating endless replay value
  • Cross-Platform Compatibility : Play seamlessly on computers, phones, and tablets without any downloads
  • Instant Play : No installation required - start flipping bottles immediately in your browser
  • Addictive Gameplay Loop : Each failed attempt makes you want to try "just one more time"

Master the Perfect Flip Technique

The beauty of Bottle Flip Challenge lies in its physics-based gameplay. Each swipe creates a unique trajectory, and mastering the perfect flip requires understanding momentum, rotation speed, and landing angles. The bottle must complete the right number of rotations to land upright - too little and it falls short, too much and it overshoots.

Challenging Yet Rewarding

What makes this game truly special is its perfect balance of difficulty. While the concept is simple, achieving consistent success requires genuine skill development. Players often find themselves in a satisfying flow state, constantly improving their technique and celebrating each successful landing.

How to Play

The gameplay mechanics are beautifully simple yet require precision to master:

Basic Controls: - Swipe Up : Flick upward on the screen to initiate the bottle flip - Control Force : The strength of your swipe determines the flip height and rotation speed - Perfect Timing : Release at the optimal moment to achieve the ideal trajectory

Gameplay Strategy: - Start with gentle swipes to understand the physics - Observe how different swipe strengths affect the bottle's rotation - Practice consistent timing for reliable results - Higher flips create more challenging landing scenarios - Focus on smooth, controlled movements rather than aggressive swipes

Game Physics and Mechanics

The realistic bottle physics make every flip feel authentic. The bottle's weight distribution, air resistance, and rotation dynamics all contribute to creating a believable flipping experience that mirrors real-world bottle flipping.

Why Play Bottle Flip Challenge

Perfect for Quick Gaming Sessions : Whether you have 30 seconds or 30 minutes, this game fits perfectly into any schedule. Its pick-up-and-play nature makes it ideal for commutes, breaks, or whenever you need a quick gaming fix.

Skill Development : Beyond entertainment, this game actually helps improve hand-eye coordination, timing, and precision. Many players find that their real-world bottle flipping skills improve after playing.

Stress Relief : The simple, focused gameplay provides an excellent way to unwind and clear your mind. The satisfying "thunk" of a perfect landing is incredibly rewarding.

Universal Appeal : Suitable for all ages and skill levels, making it perfect for family gaming sessions or friendly competitions with friends.

Frequently Asked Questions (FAQ)