keb/poketest
1
0
Fork 0
Code Issues Releases Activity
Pokétest is an interactive browser game, where you have to find the name of Pokémons! https://poketest.marchal.dev
19 Commits 1 Branch 0 Tags 11 MiB
JavaScript 40.9%
CSS 33.9%
HTML 25.2%
074726aea4
Go to file
Théo Marchal 074726aea4 Small visual improvements for Flashdex
2022-03-04 14:39:45 +01:00
artwork Add mobile version 2022-02-26 13:11:35 +01:00
img Original commit (r57) 2020-04-25 18:29:59 +02:00
pokemon@cafa98a3b0 Forms visible in Flashdex 2022-03-03 13:30:59 +01:00
.gitmodules Add submodule with Pokémon images 2021-01-10 12:31:23 +01:00
about.html Forms visible in Flashdex 2022-03-03 13:30:59 +01:00
flashdex.html Forms visible in Flashdex 2022-03-03 13:30:59 +01:00
flashdex.js Real iOS compatibility 2022-03-04 14:26:36 +01:00
index.html Forms visible in Flashdex 2022-03-03 13:30:59 +01:00
interface.js Add mobile version 2022-02-26 13:11:35 +01:00
jquery-3.6.0.min.js Add mobile version 2022-02-26 13:11:35 +01:00
LICENSE Original commit (r57) 2020-04-25 18:29:59 +02:00
normalize-8.0.1.css Original commit (r57) 2020-04-25 18:29:59 +02:00
pokemon.json Forms visible in Flashdex 2022-03-03 13:30:59 +01:00
poketest.js Simplification of multiple artworks 2022-03-03 14:22:30 +01:00
README.md iOS compatibility 2022-03-04 13:56:46 +01:00
style.css Small visual improvements for Flashdex 2022-03-04 14:39:45 +01:00
waitforimages-2.4.0.min.js Add mobile version 2022-02-26 13:11:35 +01:00

README.md

Pokétest

About

Around 2012, when I was still a computer science student, I found increasingly difficult the remember the name of all Pokémons. So I decided, as a way to be familiar with JavaScript (even though I've never touched it again after that) to program this little website: Pokétest, an interactive browser game, where you have to find the name of Pokémons in a limited time ; and Flashdex, which is a simple Pokédex with high resolution images.

Now that there are now more than 900 of them, and it's as useful as ever! The website features filters for all generations, eight languages settings (English, French, Deutsch, Korean, Japanese, Rōmaji, Traditional and Simplified Chinese) and four combinables modes (image visible or as a silhouette ; configurable number of questions or infinite). It can be played with the mouse or the keyboard (input 1, 2, 3, 4).

Planned updates

  • Make answer choices closer by type
  • Custom input answers for harder difficulty
  • Type weakness calculator

Scripts

imagemagick can be extremely useful to work with batch of images. This script allows to resize a batch of PNG images to a max width of 700px, without altering the height while keeping the ratio:

mogrify '*.png[x700>]'

And this one allows to resize to 700x700px, but putting the image at the center if it is smaller than that.

magick mogrify -resize 700x700 -background transparent -gravity center -extent 700x700 *.png

Licenses

This website has been developed in JavaScript using the jQuery library. It uses the waitForImages plugin. All of those components are licensed under the MIT license, as is this website's source code. This website is HTML5 and CSS3 compliant.

The Pokémon names, the associated artworks and the Pokémon licence is trademarked by Nintendo and The Pokémon Company, 1996 - 2022.

All the Pokémon artworks were taken from Bulbapedia, that I'd like to thank for their huge work for the Pokémon community.

Feel free to reuse this source code for others themes. For instance, I'd love to see a similar concept for Digimons!