Pebbles: a little puzzle game!
Today, here is a new puzzle game I made: “Pebbles”! How many pieces can you fit in the grid before you’re stuck? What will your best score be?
The game is available here.
First things first, here’s a little preview of 10 seconds of a Pebbles game:
This game is inspired by a little online free game I stumbled across a while ago: Tentrix. However, I was a bit distracted by the website around the game and I thought of re-coding my own version, both to choose my own visual style and to discover the inner workings of the game.
The rules of the game are as follows:
- You drag and drop pieces from the deck to the grid. Whenever you place a piece, you get 3 points.
2. Fill one or more line or column to remove it and score even more points! You get 10 points for 1 line or column, 40 points for 2, 90 points for 3…
3. If the grid is filled up and you can’t place any piece from your deck anymore, then it’s game over!
Note: the game will automatically switch to a “light” or “dark” mode depending on the configuration of your browser.
You can see your score for the current game in the top-left corner and your best score in the top-right corner (for now, this is stored locally in your browser — so be careful if you clear your cache).
This project was a really nice way of improving my skills in Vue JS (the well-known frontend Javascript framework). It was fairly easy to setup and did not require a lot of dependencies (in particular, it is all client-side, there is no server!) but it still had various interesting concepts from a programming point of view: the drag-and-drop of puzzle pieces, whether a row or a column should be removed, whether the grid was filled or you could place another piece from the deck…
The project is still in development, so there might be some bugs left. But I hope you’ll like the game, and please feel free to react either in the comments or on my social networks!
To discover more of my articles and projects, take a look at my website or LinkedIn :)
