Bouncing Ring - Free Endless Avoider Game

Seele01-Flash
By
Bouncing Ring is a thrilling free endless avoider game that tests your reflexes and patience. Navigate a golden ring around a never-ending platform, collect stars for extra points, and compete for the top spot on the leaderboard.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Bouncing Ring". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-contrast **Neon / Synthwave aesthetic**. A deep black background (`#000000`) to ensure maximum contrast for the gameplay elements. * **The Player (Ring)**: A 3D Torus (`THREE.TorusGeometry`) with a metallic **Golden** material (`MeshStandardMaterial` with high metalness and roughness). It must look like a solid physical ring. * **The Platform (The Wire)**: Instead of a flat floor, the "platform" is a continuous, undulating neon line or tube (`THREE.TubeGeometry` based on a `CatmullRomCurve3`) that runs horizontally through the *center* of the player's ring. The wire should be **Neon Pink** (matching the provided logo color) and use an emissive material to glow. * **Collectibles**: Floating Stars positioned slightly above or below the wire. Simple low-poly shapes (`IcosahedronGeometry`) rotating on the Y-axis. Yellow/White emissive color. * **Camera**: Side-scrolling orthographic or perspective camera, tracking the player's X-position but fixed in Y/Z to maintain a clear view of the wire's curve. * **Mobile Optimization**: Use object pooling for the generating wire segments and stars. Avoid real-time shadows; rely on `emissive` materials for lighting effects to maintain 60FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A fast-paced, driving **Synthwave / Techno** loop to maintain tension. * **Sound Effects (SFX)**: * **Thrust/Tap**: A soft, futuristic "woosh" or air-jet sound. * **Collision (Game Over)**: An electrical "Zap" or "Buzz" sound (mimicking touching a live wire). * **Collection**: A pleasant, high-pitched "Ding" or digital chime when grabbing a star. ### 3. Gameplay Loop * **Core Mechanic**: The "Flappy Bird" mechanic applied to a wire loop. The Ring moves forward automatically at a constant speed. * **Physics**: * **Gravity**: Constantly pulls the Ring downwards. * **Thrust**: Tapping the screen applies an instant upward vertical impulse to the Ring. * **The Challenge**: The Ring surrounds the Neon Wire. The player must keep the wire *inside* the ring. * If the **top** of the ring hits the wire (player jumped too high) -> **Game Over**. * If the **bottom** of the ring hits the wire (player dropped too low) -> **Game Over**. * The wire generates randomly with varying curves (sine wave patterns), forcing the player to rhythmically tap to match the altitude of the wire. * **Progression**: The game speed increases slightly every 10 seconds. * **Scoring**: +1 point for every unit of distance traveled, +10 points for every Star collected. ### 4. Mobile Controls & Interaction * **Input**: **One-touch control**. Tap anywhere on the screen to activate "Thrusters" (Jump). * Event Listeners: Support both `touchstart` (for mobile low latency) and `click` (for desktop debugging). * **Screen Orientation**: Optimized for **Landscape Mode** to allow the player to see the upcoming curvature of the wire. However, the canvas should resize responsively to fit the window. * **UI/HUD**: * Score display in the top-center (large, readable font). * "Game Over" modal with a large "Restart" button (minimum touch target 48x48px). * **Feedback**: * **Visual**: When the thruster is activated, emit a small particle burst from the bottom of the ring. * **Camera Shake**: A subtle screen shake effect upon collision/death. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Bouncing Ring is an addictive endless avoider game that combines simple controls with challenging gameplay. With a solid 4.0/5 rating from over 1,081 players, this free online game offers hours of entertainment as you guide a golden ring through an increasingly difficult obstacle course.

The game's core concept is elegantly simple: keep your bouncing ring centered around a never-ending platform while avoiding collisions. What starts as an easy task quickly becomes a test of precision and timing as the game speed increases with your survival time.

Core Features

Endless Challenge System

Bouncing Ring offers truly endless gameplay where no two sessions are exactly alike. The longer you survive, the faster and more challenging the game becomes, creating an ever-escalating test of your reflexes and concentration.

Completely Free to Play

Enjoy the full Bouncing Ring experience at no cost. This HTML5 game requires no downloads, subscriptions, or in-app purchases – simply open your browser and start playing immediately.

Cross-Platform Compatibility

Designed as an HTML5 instant game, Bouncing Ring works seamlessly across all devices: - Desktop computers (Windows, Mac, Linux) - Mobile devices (iOS and Android smartphones and tablets) - Any modern web browser without additional software

Physics-Based Gameplay

The game features realistic physics simulation that makes every bounce and movement feel natural and predictable. Master the physics to achieve precise control over your ring's trajectory.

Star Collection System

Boost your score by collecting stars scattered throughout the course. This risk-reward mechanic adds strategic depth – do you play it safe or risk a collision for extra points?

Competitive Leaderboard

Compete against players worldwide on the global leaderboard. Track your progress and see how your skills compare to other Bouncing Ring masters.

Game Mechanics

Primary Objective

Your main goal is to keep the golden ring's center aligned with the platform while avoiding contact with the platform's edges. The ring must maintain its position without touching the top or bottom surfaces.

Difficulty Progression

Bouncing Ring employs a dynamic difficulty system that gradually increases speed and complexity based on your survival time. This ensures that both beginners and experienced players face appropriate challenges.

Scoring System

Points are awarded based on: - Survival time : The longer you stay alive, the more points you earn - Star collection : Bonus points for each star collected during your run - Combo multipliers : Extended survival periods may trigger score multipliers

Controls and Gameplay

Desktop Controls

  • Mouse Click : Activate the ring's built-in thrusters
  • Timing : Click at the right moments to maintain altitude and avoid obstacles
  • Precision : Use short, controlled clicks for fine adjustments

Mobile Controls

  • Tap : Touch the screen to engage thrusters (equivalent to mouse clicks)
  • Rhythm : Develop a tapping rhythm that matches the game's pace
  • Responsiveness : Quick, light taps provide better control than long presses

Gameplay Strategy

Success in Bouncing Ring requires: - Anticipation : Predict the platform's movement and plan your thrusts accordingly - Patience : Avoid over-correcting; small, frequent adjustments work better than dramatic movements - Risk Assessment : Decide when to chase stars and when to focus on survival

Why Play Bouncing Ring

Perfect for Quick Gaming Sessions

With instant-play capability and no installation requirements, Bouncing Ring is ideal for: - Short breaks during work or study - Commuting on mobile devices - Casual gaming sessions at any time - Competitive challenges with friends

Skill Development Benefits

  • Reflexes : Improve hand-eye coordination and reaction times
  • Concentration : Enhance focus and sustained attention
  • Pattern Recognition : Develop ability to anticipate and react to changing conditions
  • Stress Relief : Enjoy mindful, meditative gameplay that helps reduce tension

Accessibility Features

Bouncing Ring is designed to be inclusive: - Simple controls suitable for all skill levels - Visual clarity with high-contrast golden ring and clear platform definition - Responsive design that works on screens of all sizes - All ages content rating ensures family-friendly entertainment

Frequently Asked Questions (FAQ)