I rebuilt an in-flight puzzle game in Vue.js (with daily levels & generator)
Recently, I was on a flight and got hooked on a simple puzzle game in the entertainment system. The concept was straightforward: flood-fill the board, but make sure you end on a specific color.
After touching down, I tried to find it online… but couldn’t. So I decided to recreate it myself.
The webapp is fully coded in Vue.js with Composition API. No server-side data, everything is stored locally, client-side.
Since the original game looked old and only had a few levels, I expanded on the idea and made 3 modes:
- daily-level generator
- random-level generator
- some hardcoded classic levels
I'm still working to make sure every random level can be solved - the move limit is now quite arbitrary. That is also the main reason why the daily level does not have a move limit, but more a move-suggestion.
Hope you can check out the game, would love some feedback!