![Cover image for [Update v1] Filler game by Robin](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fxfujrzgyvr9tssxpihae.png)
Earlier this week I posted about how I got inspired to build this game with react:
Today I checked in an update.
The new features now include:
- 2 Player mode (switching turn by turn)
- New game button
- Showing statistics (how many % of 50% to win)
- New logo / favicon
- Option: show owner on cell
- Option: show number of cells acquired by color in button suggestion
Here is a Demo hosted on GitHub:
Next up
- Implement CPU opponent
- Implement different solving strategies
DarkSmile92
/
filler-game-react
The classic Filler game implemented as react app!
Filler game as react app!
Get started
Run the following commands in the terminal of your choice:
git clone https://github.com/DarkSmile92/filler-game-react.git filler-game-react
cd filler-game-react
yarn
yarn start
Demo
Visit https://darksmile92.github.io/filler-game-react/ for a demo.
Tweaks
Suggestions
Right now the game finds the best next step simply by calculating the max number of cells possibly to acquire with each color and using the max value as suggestion. The button with that color will be rendered with a border. If there are more than one equal possibillities, only the first is taken into consideration.
Solving algorhythm
At the moment there is no algorhythm to take steps automatically.
Take on the challenge, create solvers under the ./src/solver/ path and share them!
Debugging with Visual Studio Code
First install the extension Chrome Debugger to your VSCode instance.
Run yarn start in your terminal, set your breakpoints in VSCode and press F5 to start debugging.
Top comments (2)
Can't wait to play the CPU!
Thank you!
Such feedback is what I need to keep going, I'll expect the CPU update to be finished by mid next week :)