Skip to content

Comments

Implement Santa Rage Clicker game with upgrade system and visual effects#1

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/create-clicker-game-santa
Draft

Implement Santa Rage Clicker game with upgrade system and visual effects#1
Copilot wants to merge 2 commits intomainfrom
copilot/create-clicker-game-santa

Conversation

Copy link

Copilot AI commented Dec 12, 2025

Implements a browser-based clicker game where players click Santa to earn points and purchase upgrades that increase clicking power. Includes visual progression system with effects at levels 5 and 10, plus auto-clicker functionality.

Implementation

Core Game Loop

  • Click handler adds clickPower to score (base: 1)
  • Upgrades multiply click power: +1 (10pts), +5 (50pts), +10 (100pts)
  • Exponential cost scaling: cost *= 1.5 per purchase
  • Auto-clicker passive income at 1 point/second (200pts)

Visual Progression

  • Level 5 (5+ upgrades): Golden glow animation via filter: drop-shadow()
  • Level 10 (10+ upgrades): Epic Mode with rainbow banner + rotation + multi-color glow
  • Click animation scales Santa 1.2x on mousedown

Technical Stack

  • Vanilla JS (no framework/build step)
  • CSS animations: @keyframes for float, glow, rotation effects
  • DOM manipulation for real-time score/button state updates
// Upgrade purchase flow
elfUpgradeBtn.addEventListener('click', () => {
    if (score >= elfCost) {
        score -= elfCost;
        clickPower += 1;
        elfLevel++;
        elfCost = Math.floor(elfCost * 1.5);
        updateDisplay();
        checkSantaLevel();
    }
});

Screenshots

Initial State
Initial

Level 5 - Golden Glow
Level 5

Level 10 - Epic Mode
Epic Mode

Auto-Clicker Active
Auto-Clicker

Original prompt

🎅💥 ÚLOHA 4: Santa Rage Clicker
🎯 Cieľ
Klikacia hra – klikáš na Santu, zbieraš body a kupuješ upgrady.

✅ TODO list
HTML
Obrázok Santy (klikateľný)
Text „Body: X“
Sekcia „Upgrady“
„Rýchlejší elfovia“
„Turbo sanie“
„Mega Santa“
Každý upgrade má cenu
CSS
Nastaviť veľkosť obrázka
Animácia zväčšenia pri kliknutí
Štýl tlačidiel upgradov
Svetelné efekty pre high-level Santu
JavaScript
Hlavná logika
Premenná body
Premenná clickPower = 1
Klik na Santu → pridať clickPower bodov
Upgrady
Každý upgrade má cenu a efekt
Pri kliknutí:
Skontrolovať dostatok bodov
Aplikovať efekt (napr. zvýšiť clickPower)
Zvýšiť cenu pre ďalšiu kúpu
Zobrazenie
Aktualizovať počty bodov
Zobraziť hodnoty bonusov
Zmeniť vzhľad Santy pri vyšších leveloch
Bonusy (voliteľné)
Auto-clicker (body každú sekundu)
Epický „Santa mode“ pri leveli 10


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: Olikli55 <89693729+Olikli55@users.noreply.github.com>
Copilot AI changed the title [WIP] Add basic clicker game for Santa rage Implement Santa Rage Clicker game with upgrade system and visual effects Dec 12, 2025
Copilot AI requested a review from Olikli55 December 12, 2025 07:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants