Project Tag: match-3

Project Summary

This little game prototype was made as part of a team-building workshop with my coworkers. The goal was to create a simple match-3 game like “Bejeweled,” where you match three or more of the same item/jewel/tile in a row to earn points. The game is over when you run out of moves (a.k.a. there are no more matches to make).

We were allowed to choose our own tech stack, so I chose to make mine playable in the browser by building it with Vue.js and the HTML Drag and Drop API (which I didn’t even know existed before!). It was a learning experience, but if I had the chance to do it again, I would probably choose to approach it a different way. I found it difficult to provide the player with meaningful visual feedback, like being able to see the tiles “sliding” into place.

I chose the art assets I did to invoke the feeling of an alchemy shop where you’re building a potion by matching (or merging) ingredients. The idea was that you might have a customer who requests a specific potion, and now you need to be a little more strategic about which matches you make to fulfill the requirements to make that specific type of potion. I would love to come back to this game someday and add a little story about Ophelia and her potion shop.

Screenshots