See https://gearoid.me/pokemon/ for a live demo.
A browser-based game in which Pokémon silhouettes are shown to the user and they guess which Pokémon it is.
- Silhouettes are generated dynamically in-browser using the canvas tag
- Multiple difficulty settings, which choose the image source for generating the silhouette
- User-facing stats including correct streaks and times taken
You will need node and npm set up to get the code running locally. You will also need to download the Pokémon images and sounds, because they are not included in this repository. You can download them from https://gearoid.me/pokemon/downloads/pokemedia.zip. Unzip this and put images/
and sounds/
in the same directory as index.html
.
Once you have done this, install the dependencies by running:
npm install
To run the site locally, you can then run:
npm run serve
To build the site to be deployed online, run:
npm run build
This code is licensed under a Creative Commons Attribution-ShareAlike 4.0 International.
All the Pokémon names, images and sounds are copyrighted by Nintendo.
Flag icons are from http://www.famfamfam.com/lab/icons/flags/