What it does

HueDrops is a small browser game. The goal is to fill the board with the target color on the left. By changing the color of the blob on the right, matching balls get absorbed. To make things harder, I also added a scrambler ball and a lock-and-key mechanic.

Why I built it

I first came across this game idea on an in-flight entertainment system while flying from Copenhagen to New York. Normally I just stare at the flight map or open my laptop, but this time I actually played it for a while. It felt old in a good way, and when I landed I tried to find it online. I could not, so I decided to make my own version.

Overview of Huedrops. Overview of Huedrops.
Overview of Huedrops.

How it works

I built the game in Vue.js with Vite. Everything runs in the browser, and I only use Vercel for hosting.

The hardest part was getting the blobs to connect the way I wanted. After that, most of the work was in designing the UI, reusing a few pieces from older projects, and putting together levels that felt interesting.


Next steps

The game works, but I still want to add a few things:

  • Add animations to when the color changes and blobs get added
  • Add level generation, based on a string that changes once a day
  • Create a way to track your daily score and compare it to your friends (like Wordle)