Circle Spin - Action Clicker Game

Seele01-Flash
By
Circle Spin is an intense action clicker game where you must keep multiple spinning discs in motion through constant clicking. Collect points, manage increasing numbers of spinners, and avoid dangerous obstacles in this addictive challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Circle Spin". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Camera & Perspective:** Use an Orthographic Camera positioned directly overhead (Top-Down view) to simulate a 2D plane but with 3D depth. The view should be fixed. * **Visual Style:** High-contrast "Neo-Arcade" style. Use simple geometric shapes with emissive materials (glow). * **Background:** A dynamic, rotating "sunburst" pattern in shades of electric blue and light blue. This can be a plane with a custom shader behind the gameplay layer. * **The Spinners:** Black cylinders (flattened discs) with high-contrast white geometric markings on top to visualize rotation. Above each spinner, render a horizontal "Momentum Bar" (Green = fast, Red = slowing down). * **Collectibles:** Small floating spheres or sprites. * **Points:** White glowing orbs. * **Powerups:** Green orbs with a "+" symbol. * **Hazards:** Red spiked spheres or orbs with a target symbol. * **Performance:** Use `InstancedMesh` if there are many particles. Use a simple Bloom filter (Post-processing) to make the white and colored elements pop against the blue background. ### 2. Audio Requirements * **BGM:** Fast-paced, high-energy Techno or Drum & Bass loop (160+ BPM) to match the frantic clicking gameplay. * **SFX:** * **Spin Up:** A rising pitch "whirring" sound (synth-based) every time a player taps a spinner. * **Score:** A satisfying "pop" or digital chime when collecting points. * **Damage/Error:** A harsh "buzzer" or glass-breaking sound when a spinner stops or a hazard is touched. * **Level Up:** A rising crescendo when a new spinner is added to the board. ### 3. Gameplay Loop * **Core Mechanic (The Spin):** The game starts with one spinner. It constantly loses angular velocity (friction). The player must tap the spinner to increase its rotation speed and refill its "Momentum Bar". * **Fail State:** If a spinner's momentum reaches zero, it explodes/breaks. If all spinners break, Game Over. * **Resource Generation:** As spinners rotate, they randomly eject (spawn) items outward radially using physics impulses. * **Points (White):** Tap to collect for score. * **Powerups (Green):** Tap to restore momentum to all active spinners or slow down the decay rate temporarily. * **Hazards (Red):** Do NOT tap. Tapping them reduces score or drastically reduces the momentum of the nearest spinner. * **Progression (The Hard Part):** As the score increases, spawn additional spinners (up to 4-5 simultaneous spinners). The player must frantically multi-task, tapping multiple spinners to keep them alive while collecting points. ### 4. Mobile Controls & Interaction * **Input Method:** Multi-touch support is **mandatory**. The player needs to be able to tap a spinner with one finger while collecting points with another. * **Raycasting:** Implement precise Raycaster logic for touch events. * **Tap on Spinner:** Adds rotational velocity. * **Tap on Item:** Collects item. * **Feedback:** * **Visual:** When tapped, the spinner should scale up slightly (pulse) and flash white. Floating text should appear (+100, +Speed) at the touch position. * **Haptic:** Trigger `navigator.vibrate(10)` on every successful tap for tactile feedback (essential for the "blistering" feel). * **Orientation:** Portrait mode preferred for one-handed play (early game) or thumb play (late game), but the layout should be responsive to fit the screen width. Ensure UI elements (score, pause) are outside the main play area to prevent accidental clicks. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Circle Spin is a fast-paced action clicker game that tests your reflexes, coordination, and endurance. With a challenging difficulty rating and engaging gameplay mechanics, this game offers an addictive experience where every click matters. The simple concept of keeping circles spinning becomes increasingly complex as you progress through the levels.

Core Features

Progressive Difficulty System

Start with a single spinning disc and gradually work your way up to managing multiple spinners simultaneously. Each successful round adds more circles to control, creating an escalating challenge that keeps you on your toes.

Point Collection Mechanism

As the circles spin, they release valuable points that you must collect. The faster and more consistently you keep the discs spinning, the more points you'll accumulate. Strategic clicking and timing become crucial for maximizing your score.

Dynamic Obstacles and Powerups

Navigate through dangerous items that can disrupt your spinning circles while seeking out helpful powerups that enhance your abilities. This adds a strategic layer to the otherwise straightforward clicking mechanics.

Endurance Challenge

True to its "Hard" difficulty rating, Circle Spin is designed to test your limits. The game's warning about potential blisters isn't just humor – it's a testament to the intense clicking action required for success.

Game Mechanics

Spinning Physics

Each disc requires constant attention to maintain its momentum. Stop clicking for too long, and the circle will slow down and eventually stop, ending your streak and potentially costing you valuable points.

Multi-tasking Elements

As you advance, you'll need to manage multiple spinning discs simultaneously. This creates a frantic but engaging experience where you must prioritize which circles need immediate attention while keeping others in motion.

Scoring System

Points are continuously generated by active spinning circles. The key to high scores lies in maintaining multiple spinners while efficiently collecting the points they produce.

Operation Guide

Basic Controls

  • Mouse Click : Click on circles to keep them spinning
  • Continuous Clicking : Maintain steady clicking rhythm to keep discs active
  • Strategic Movement : Move between multiple circles efficiently
  • Point Collection : Click on released points to add them to your score

Gameplay Strategy

  1. Start Simple : Focus on mastering single-circle control before advancing
  2. Develop Rhythm : Find a clicking pattern that maintains momentum effectively
  3. Prioritize Wisely : When managing multiple circles, focus on those closest to stopping
  4. Stay Alert : Watch for powerups and avoid dangerous obstacles
  5. Pace Yourself : This is an endurance game – find a sustainable clicking rhythm

Why Play Circle Spin

Perfect for Quick Sessions

Whether you have 5 minutes or an hour, Circle Spin adapts to your available time. The progressive difficulty means you can have satisfying short sessions or extended challenging marathons.

Skill Development

Improve your hand-eye coordination, reaction time, and multi-tasking abilities through engaging gameplay that feels more like fun than training.

Addictive Progression

The "just one more level" factor is strong in Circle Spin. Each successful round unlocks new challenges, keeping you motivated to push your limits further.

Free Browser-Based Gaming

No downloads, no installations, no payment required. Simply open your browser and start spinning circles immediately.

Challenge Your Friends

With its scoring system, Circle Spin is perfect for friendly competition. Compare high scores and see who can manage the most spinning discs simultaneously.

Frequently Asked Questions (FAQ)