Click Click Clicker

Seele01-Flash
By
Click Click Clicker is the ultimate idle clicker experience where simple clicking transforms into endless wealth. Earn money with every click, unlock amazing upgrades, and customize your gaming experience with new buttons, cursors, and themes.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Click Click Clicker**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **2.5D Arcade Aesthetic**. Implement an **Orthographic Camera** to simulate a flat 2D vector art style while using 3D primitives. The rendering should use `MeshToonMaterial` or high-saturation colors to mimic the cartoon look of the reference image. * **Central Asset (The Button)**: A large, prominent 3D Cylinder or ChamferBox located in the center of the screen. It should be red with a darker base to simulate depth. Add a simple black outline effect (or rim lighting) to make it pop. * **Idle Elements (Cursors)**: Generate 3D arrow cursors that visually represent "Auto-clickers." These should orbit the central button or hover nearby, animating a "clicking" motion periodically. * **Performance**: Use simple geometries (Cylinders, Boxes, Planes). Limit shadow casting to the central button only. Use a single shared geometry for particle effects (instanced mesh) to maintain 60FPS on mobile devices. * **UI Overlay**: Create a clean HTML/CSS overlay on top of the canvas for the Score (top center), Shop/Upgrades Menu (bottom drawer/scrollable), and Settings. ### 2. Audio Requirements * **BGM**: Generate (or use a placeholder for) a cheerful, looping **8-bit Arcade or Lo-Fi Beat** that is non-intrusive. * **SFX - Click**: A satisfying, crisp mechanical "switch" or "pop" sound that varies slightly in pitch with each click to prevent listener fatigue. * **SFX - Income**: A "coin jingle" or "cash register" sound when purchasing upgrades. * **SFX - Feedback**: A low-frequency "thud" for visual impact. ### 3. Gameplay Loop * **Core Mechanic**: * **Active**: Player taps the central button -> `Score` increases by `ClickPower` value. * **Passive**: `Score` increases automatically every second based on `AutoClickRate`. * **Progression System (The Shop)**: * **Upgrade Click**: Costs $X. Increases `ClickPower`. Cost scales exponentially. * **Buy Cursor**: Costs $Y. Adds a visual cursor to the scene and increases `AutoClickRate`. * **Unlock Skins**: Costs $Z. Changes the color/texture of the Central Button or Background (Cosmetic only). * **Floating Text System**: On every click, spawn a floating "+$1" text label at the click position that floats up and fades out (using HTML elements or canvas texture sprites for performance). ### 4. Mobile Controls & Interaction * **Touch Input**: Use `Raycaster` mapping to touch events. * `touchstart`: Detect raycast hit on the Button. Trigger "Squish" animation (scale Y axis down to 0.8, scale X/Z up to 1.1). Play sound. Add Score. Trigger Vibration. * `touchend`: Return Button to original scale (elastic bounce effect using a simple physics spring or tween). * **Haptic Feedback**: Use `navigator.vibrate(10)` on every successful tap for tactile satisfaction. * **Screen Adaptation**: * The camera `zoom` must adjust based on `window.innerWidth / window.innerHeight` to ensure the Button never gets cut off, regardless of Portrait or Landscape mode. * UI buttons must be at least **44x44 pixels** for touch accessibility. * **Save System**: Use `localStorage` to save `Score`, `ClickPower`, `AutoClickRate`, and `UnlockedSkins` so progress is not lost on page reload. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Click Click Clicker

Click Click Clicker represents the purest form of idle clicker gaming - a satisfying experience where every click counts toward building your virtual fortune. This addictive browser-based game combines the instant gratification of clicking with the strategic depth of incremental progression, creating an engaging experience that keeps players coming back for more.

The game features a clean, colorful 2D design with a prominent red button that serves as your primary income generator. As you progress, you'll discover a world of customization options and upgrade paths that transform your simple clicking experience into a personalized money-making empire.

Core Features

Simple Yet Addictive Gameplay

The beauty of Click Click Clicker lies in its elegant simplicity. Start with a single button and watch your earnings grow with every click. The game perfectly balances active clicking with idle progression, allowing you to earn money even when you're not actively playing.

Extensive Customization System

Unlock and customize every aspect of your clicking experience: - 9 Unique Buttons : Each with distinct visual styles and effects - 11 Different Cursors : Personalize your clicking tool - 6 Background Themes : Transform your gaming environment - 3 Original Soundtracks : Set the perfect mood for your clicking sessions

Progressive Upgrade System

Invest your earnings wisely in three key upgrade categories: - Income Multipliers : Increase the money earned per click - Passive Income : Generate automatic earnings without clicking - Cursor Upgrades : Enhance your clicking power and efficiency

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. Whether you're on desktop or mobile, the game adapts perfectly to your screen size and input method.

Gameplay Mechanics

Getting Started

Your journey begins with a single red button and humble earnings per click. Each click generates virtual currency that you can immediately reinvest into upgrades. The satisfaction of watching your numbers grow creates an irresistible gameplay loop.

Strategic Progression

Success in Click Click Clicker requires smart investment decisions. Balance your spending between immediate clicking power and long-term passive income generation. The X6 income boost and auto-click functions provide temporary power-ups for rapid progression.

Idle Elements

True to its idle game nature, Click Click Clicker continues generating income even when you're away. This passive progression system ensures that every return to the game brings pleasant surprises and new upgrade opportunities.

Operation Guide

Desktop Controls

  • Left Mouse Button : Click the main button to earn money
  • Mouse Navigation : Browse menus and purchase upgrades
  • Click and Hold : Some upgrades support continuous clicking

Mobile Controls

  • Tap : Touch the button to generate income
  • Swipe Navigation : Browse through upgrade menus
  • Multi-touch : Enhanced clicking with multiple fingers

The controls are intentionally minimalist, ensuring that players of all skill levels can immediately jump in and start enjoying the game.

Why Play Click Click Clicker

Perfect for Any Schedule

Whether you have 5 minutes or 5 hours, Click Click Clicker adapts to your available time. Active players enjoy rapid progression through intensive clicking, while busy players can rely on idle mechanics for steady advancement.

Stress-Free Gaming

With no complex strategies, time limits, or failure conditions, this game provides pure relaxation and satisfaction. It's the perfect way to unwind while still feeling productive and accomplished.

Constant Progression

Every click matters and contributes to your long-term success. The game ensures that you're always working toward your next upgrade, unlock, or milestone, maintaining engagement without pressure.

Completely Free Experience

Enjoy the full Click Click Clicker experience without any costs, downloads, or subscriptions. Simply open your browser and start clicking your way to virtual riches.

Community and Competition

While fundamentally a single-player experience, the game's progression system encourages personal goal-setting and achievement hunting, perfect for players who enjoy self-improvement and milestone reaching.

Frequently Asked Questions (FAQ)