Back to Blog

Building Void Bloom Clicker

https://clicker.e-vera.net

Recently, I wanted to build something a little more playful, cute, and visually expressive, so I decided to make a clicker game prototype called Void Bloom Clicker. I did not want it to feel like a random practice file or a quick basic demo. I wanted it to feel like a small indie-style web game with a satisfying gameplay loop, a polished interface, and a stronger visual identity.

What started as a very simple idea turned into a much more detailed project. I kept improving it little by little, and that was honestly my favorite part of the process. Every time I added a new detail, it felt more like a real prototype and less like a basic clicker experiment.

The idea behind the project

The core idea was very simple:

  • click a main button to earn points
  • spend points on upgrades
  • improve points per click
  • unlock passive income over time

That loop is straightforward, but I wanted the presentation to do a lot of the heavy lifting. I focused on making the game feel smooth, visually satisfying, and fun to interact with, even though the mechanics themselves are intentionally simple.

I also wanted the whole project to stay lightweight and easy to deploy, so I built it as a static website without adding unnecessary complexity.

What I used

I built the project with:

  • HTML for the structure
  • CSS for the layout, visual styling, responsive design, and animations
  • JavaScript for the game logic, upgrades, saving, rendering, and interaction feedback
  • localStorage for persistent progress saving

I chose not to use a framework for this one because I wanted to keep it simple, direct, and easy to understand. It also felt like a really good exercise in building polished interactions with vanilla frontend tools instead of relying on heavier abstractions.

Features I implemented

The game includes a full working clicker loop and a set of smaller systems that make it feel much more complete:

  • score tracking
  • total clicks tracking
  • points per click
  • automatic points per second
  • upgrade cost scaling
  • local save and load
  • reset progress with confirmation
  • achievement placeholders
  • floating score feedback on click
  • responsive layout for desktop and mobile

I also added a few quality-of-life touches like exact number formatting, a performance mode toggle, and a guide section that shows the next upgrade target and the next achievement milestone.

The visual direction

The visual style was a huge part of this project for me. I wanted something soft, magical, and cute, but still modern and clean. I leaned into a dark purple neon look with glowing highlights, rounded cards, layered gradients, and a bento-style dashboard layout.

One of my favorite decisions was turning the central “bloom” into an actual little flower. That small change gave the whole project a lot more personality. Instead of using a generic glowing orb, I made the main click button look like a tiny neon flower with petals and a glowing center. That was the moment when the project really started to feel like Void Bloom Clicker instead of just “a clicker game.”

The gameplay systems

To make the clicker feel more interesting, I added multiple upgrade types instead of stopping at a single point boost.

The upgrade system currently includes:

  • Click Power to increase manual click strength
  • Auto Clicker to generate passive points each second
  • Arcane Multiplier to improve both clicking and passive income
  • Critical Insight to unlock stronger critical clicks
  • Bonus Income for extra passive gain outside of the basic auto-clicker

All of the upgrade data is structured in JavaScript so it is easier to expand later. That makes the project much more maintainable if I decide to add more mechanics like prestige, skins, daily rewards, or sound effects in the future.

Performance and polish

One thing I paid close attention to during the process was performance. Once the visual style became more elaborate, I noticed the site needed optimization to stay smooth.

To improve that, I reduced some of the heavier visual effects, limited unnecessary DOM updates, and made saving more efficient instead of writing to localStorage too aggressively. I also kept the animation style lightweight enough to still feel alive without making the page feel slow.

That part was especially important to me because I wanted the project to feel polished without becoming annoying or heavy to use.

What I like most about this project

What I like most about this project is that it combines a few things I really enjoy at the same time:

  • clean frontend structure
  • interactive UI work
  • playful visual design
  • small gameplay systems
  • continuous polish and iteration

It is the kind of project that starts very small, but becomes much more interesting once the details are layered in carefully.

Final thoughts

This was a really fun project to build because it let me mix frontend development, game-like interaction design, and visual experimentation in one place. It is still a prototype, but it already feels much more complete than a simple practice project.

If I keep working on it, I would love to expand it with more progression systems, unlockable flower variations, sound effects, and additional gameplay layers. Even in its current form, though, I think it represents the kind of work I enjoy most: interactive, polished, and full of personality.