https://clicker.djinq.dev

This project did not start as Minecraft Diamond Clicker.

At first, it was called Void Bloom Clicker. The original idea was a cute, dark purple clicker with a glowing flower in the middle. It was fun to make, and it taught me a lot about building a small game loop with plain HTML, CSS, and JavaScript. But after looking at it for a while, I realized the visual direction was not really me anymore.

The game worked. The purple bloom looked fine. It just did not feel like something I wanted to keep showing in my portfolio.

So instead of adding more random features to a direction I was no longer excited about, I decided to rebuild it around something that fits my work much better: Minecraft.

That is how Void Bloom Clicker became Minecraft Diamond Clicker.

Why I replaced the original idea

I did not want to make a Minecraft version just by changing the flower image into a diamond and calling it done. That would have been the easy version, but it would still have felt like the old project underneath.

The goal was to make it feel like a small Minecraft-inspired game screen:

  • mine a diamond by clicking it
  • collect diamonds in a visible stash
  • spend them on useful upgrades
  • make the next upgrade easy to understand
  • keep everything on one clean screen

That gave the project a much clearer identity. A diamond clicker is also immediately understandable. You see a diamond, you click it, you buy a better pickaxe. No long explanation needed.

What stayed from Void Bloom Clicker

The technical core was already useful, so I did not throw everything away.

The project is still a lightweight static game built with:

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

The old score system, passive income logic, upgrade cost scaling, saving, reset confirmation, floating click feedback, and status messages were all worth keeping. The work was mostly about renaming, simplifying, and giving each part a better purpose inside the new theme.

That is one thing I liked about this update: it was not a restart from zero. It was a proper redesign of an existing project, with the useful systems staying in place while the identity changed completely.

Reworking the gameplay around diamonds

The main loop is intentionally simple. Clicking the central diamond adds to the diamond stash. From there, the player can buy upgrades that make the next clicks more useful.

The upgrade list is smaller now on purpose:

  • Iron Pickaxe adds more diamonds per click
  • Redstone Miner adds automatic diamonds every second
  • Fortune Enchant boosts both manual mining and automatic income

I removed the feeling of having a giant list of upgrades just to make the game look more complicated. Three upgrades are enough for this version. They are easy to scan, easy to understand, and they each do something different.

The stats panel shows the important numbers only: the current diamond stash, total mines, diamonds per click, and automatic diamonds per second. Under that, the next upgrade and next milestone give the player a little direction without turning the page into a tutorial.

The visual rebuild

This was the bigger part of the update.

Void Bloom Clicker used dark purple neon, rounded cards, gradients, and a magical flower. For Minecraft Diamond Clicker, I wanted a brighter game-menu look instead. The page now uses a light Minecraft-style landscape background, warm cream panels, green borders, dirt textures, and cyan diamond accents.

The central mine area was especially important. I made it look like a dirt block display with the diamond framed in the middle, rather than a normal web button. The diamond is the main thing on the page, so it needed to feel satisfying before the player even clicks it.

Small visual details helped a lot here:

  • the diamond uses a pixel-style image with a soft cyan glow
  • the header diamond rotates slowly on hover, then smoothly rotates back when the cursor leaves
  • cards use short pixel-like drop shadows rather than soft modern shadows
  • the status badge, upgrade cards, stat cards, and mine block all use the same spacing and shadow language
  • buying an upgrade highlights only the Upgrade button instead of flashing the entire card

That last change sounds tiny, but it matters. The old version changed the whole card color when an upgrade was bought. It was too aggressive and made the text harder to read. A quick confirmation on the button is enough.

Making the layout actually fit

One challenge was keeping the game on one desktop screen without making it feel crowded.

At one point, the game was technically one screen, but the layout was stretched to the full viewport height. That created huge empty sections when zooming the browser out. It also made the page feel less like a game board and more like a dashboard that had been pulled apart.

I changed that into a compact board with breathing room around it. The header, mine area, player stats, next goals, and upgrade panel are all visible together, but the page still has space above and below it. On mobile, the layout naturally stacks instead of trying to force the desktop board into a narrow screen.

None of that is as exciting as drawing a diamond, but it is exactly what makes the project feel better to use.

Small finishing touches

I also updated the details around the game itself:

  • the browser tab uses the diamond as its favicon
  • the page title and link-share metadata now say Minecraft Diamond Clicker ~ made by djinq
  • Discord previews use a light green accent color
  • there is a small built by djinq link below the board that leads to my portfolio
  • the game still saves automatically in the browser, so progress is not lost after a refresh

These are not big features, but they make the project feel finished instead of being just a local prototype.

What I learned from replacing it instead of abandoning it

I think this update was a good reminder that a project does not have to stay tied to its first visual idea.

Void Bloom Clicker was not a failure. It gave me the game logic and the first version of the UI. But once I knew the direction did not fit me, I was better off reusing the good parts and changing the parts that did not feel right.

Minecraft Diamond Clicker is still a small game. It is not trying to be a huge idle game with fifty systems. It is a compact interactive piece for my portfolio, built to feel clear, playful, and actually connected to the kind of Minecraft work I enjoy making.

That is why I like the new version much more. It is simpler, but it has a stronger point of view.