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
35 Commits 1 Branch 0 Tags 11 MiB
JavaScript 40.9%
CSS 33.9%
HTML 25.2%
670b33850f
Go to file
Théo Marchal 670b33850f Remove twitter script from homepage
2024-01-06 00:26:15 +01:00
artwork Update to support the 9th generation 2023-02-18 00:48:06 +01:00
img Remove diploma border 2024-01-06 00:20:34 +01:00
pokemon@2d362c6d5f Bugfix and code cleaning 2023-04-29 12:57:21 +02:00
.gitmodules Add submodule with Pokémon images 2021-01-10 12:31:23 +01:00
about.html Update jQuery, update 2024, remove Twitter share (RIP) 2024-01-05 18:38:03 +01:00
flashdex.html Update jQuery, update 2024, remove Twitter share (RIP) 2024-01-05 18:38:03 +01:00
flashdex.js Bugfix and code cleaning 2023-04-29 12:57:21 +02:00
index.html Remove twitter script from homepage 2024-01-06 00:26:15 +01:00
interface.js Update to support the 9th generation 2023-02-18 00:48:06 +01:00
jquery-3.7.1.min.js Update jQuery, update 2024, remove Twitter share (RIP) 2024-01-05 18:38:03 +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 Bugfix and code cleaning 2023-04-29 12:57:21 +02:00
poketest.js Fix 1G alternative images not showing 2024-01-06 00:24:53 +01:00
README.md Update to support the 9th generation 2023-02-18 00:48:06 +01:00
style.css Remove diploma border 2024-01-06 00:20:34 +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 a thousand 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

  • Modify URL in the Flashdex for sharing options
  • Make answer choices closer by type
  • 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 - 2023.

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!