Vortex - Endless Clicker Avoider Game

Seele01-Flash
By
Vortex is an addictive clicker avoider game that challenges your timing and reflexes. Click to escape spinning vortex rings, score points, and climb the leaderboards in this endless HTML5 adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Vortex**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Sci-Fi / Cyberpunk aesthetic with a deep "abyss" vibe. High contrast neon colors (Cyan, Electric Blue) against a deep black fog background. * **Camera**: Fixed perspective looking "down the barrel" of a circular tunnel (Z-axis view). * **Player Model**: A small, glowing sphere or tetrahedron with a trailing "tail" (using `THREE.TrailRenderer` or simple particle history) to visualize movement speed and direction. The player is constrained to a fixed circular radius at the foreground. * **Obstacles (The Vortex)**: Procedurally generated concentric rings that spawn in the distance (center of screen) and move forward/scale up towards the player. * Rings should use `THREE.RingGeometry` or `THREE.TorusGeometry`. * **Crucial**: Rings must have random "gaps" (arcs removed) that the player must align with to pass through safely. * **Performance (Mobile)**: Use `THREE.InstancedMesh` for particles if possible. Use simple Phong or Lambert materials with Emissive properties for the "glow" effect instead of expensive post-processing bloom, unless a lightweight bloom pass is feasible. Limit total light sources. ### 2. Audio Requirements * **BGM**: Fast-paced, hypnotic Trance or Synthwave track with a driving bassline to induce a "flow state." * **Sound Effects**: * **Dash/Turn**: A sharp, digital "swoosh" sound when the player taps to change direction. * **Score**: A subtle, high-pitched distinct synth chime every time the player successfully passes a ring. * **Crash**: A digital "glitch" or glass-shattering sound when hitting an obstacle. * **Ambience**: A low-frequency humming drone representing the vortex spin. ### 3. Gameplay Loop * **Mechanic - Orbital Movement**: The player object automatically orbits along a fixed circular path at a constant speed. * **Mechanic - The "Switch"**: This is a one-button game. Tapping the screen instantly **reverses** the direction of the player's orbit (Clockwise <-> Counter-Clockwise). * **The Challenge**: Rings spin continuously as they approach the player. The player must time their direction reversals to ensure their position aligns with the "gap" in the incoming ring when it reaches the foreground (collision plane). * **Progression**: As the score increases, the game speed accelerates, ring gaps become smaller, and rings rotate faster/unpredictably. * **Win/Loss**: * **Score**: +1 point for every ring passed. * **Loss**: Collision with any solid part of a ring triggers a "Game Over" state (particle explosion), resets the score, and shows a restart button. ### 4. Mobile Controls & Interaction * **Input**: Full-screen touch detection. Anywhere the user taps, the player direction reverses. * **Orientation**: Portrait mode preferred (easier for one-handed play), but the canvas should resize dynamically to fit both. * **UI Overlay**: * **Score**: Large, semi-transparent number in the center or top-center (safe area). * **Start/Restart**: A distinct, pulsing button (min size 44x44px) overlaying the center when the game is paused or over. * **Feedback**: * **Visual**: A slight camera shake (screen shake) upon death. Flash the screen white briefly on collision. * **Haptic**: Trigger `navigator.vibrate(10)` on every tap (direction change) and `navigator.vibrate(200)` on death for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Vortex

Vortex is a thrilling clicker avoider game that transforms the concept of being trapped into an exciting gaming experience. Rated 3.6/5 by players, this HTML5 game challenges you to escape endless spinning vortex rings through precise timing and quick reflexes. What makes Vortex unique is its endless nature - every escape leads to another vortex, creating an infinite loop of challenging gameplay.

Core Features

Endless Gameplay Loop

Vortex offers truly infinite gameplay where escaping one vortex immediately drops you into another. This creates a continuous challenge that keeps players engaged for hours, with each new vortex presenting fresh obstacles and scoring opportunities.

Precision-Based Scoring System

Every ring you successfully avoid adds points to your score. The game rewards accuracy and timing, making each click count toward your final leaderboard position. Master the timing mechanics to achieve maximum point potential.

Cross-Platform Compatibility

  • Free to Play : Completely free with no hidden costs or premium features
  • HTML5 Technology : Runs smoothly in any modern web browser
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • Desktop Ready : Responsive mouse controls for PC gaming
  • Instant Play : No downloads required - start playing immediately

Competitive Leaderboards

Compete against players worldwide on global high score leaderboards. Track your progress and see how your vortex-escaping skills stack up against other players. The competitive element adds replay value and motivation to improve.

Game Mechanics

Vortex combines multiple game genres into one cohesive experience:

  • Clicker Elements : Simple one-click controls that anyone can learn
  • Avoider Gameplay : Strategic timing to avoid spinning obstacles
  • Spatial Recognition : Understanding vortex patterns and safe zones
  • Reflex Training : Quick reactions needed for high-score runs

How to Play

Basic Controls

  • Mouse Click : Click anywhere on screen to escape current vortex ring
  • Touch Control : Tap screen on mobile devices for the same effect
  • Timing : Click at the precise moment to avoid spinning rings
  • Strategy : Plan your clicks to maximize point collection

Gameplay Strategy

Success in Vortex requires mastering the relationship between timing and spatial awareness. Watch the spinning patterns, identify safe zones, and click at the optimal moment to escape each ring. The key is developing rhythm and anticipation skills.

Scoring Tips

  • Every avoided ring equals one point
  • Consecutive successful escapes build momentum
  • Focus on accuracy over speed for better scores
  • Study vortex patterns to predict safe clicking windows

Why Play Vortex

Vortex offers a perfect blend of simplicity and challenge that appeals to both casual and competitive gamers. The one-click control scheme makes it instantly accessible, while the precision timing required creates depth that rewards skill development. Its endless nature means there's always room for improvement, and the leaderboard system provides long-term goals.

The game's HTML5 technology ensures smooth performance across all devices, making it perfect for quick gaming sessions or extended play periods. Whether you have five minutes or an hour, Vortex adapts to your available time while providing consistent entertainment value.

Perfect for All Skill Levels

Beginners can jump in immediately thanks to intuitive controls, while experienced players will appreciate the skill ceiling and competitive aspects. The game naturally teaches timing and reflex skills, making each session a form of beneficial brain training disguised as entertainment.

Frequently Asked Questions (FAQ)