Awesome Open Source
Awesome Open Source

Who's That Pokémon?

See 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 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

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (247,615
Html (242,250
Video Game (82,641
Canvas (10,665
Pokemon (4,040
Html5 Game (329