example1
© 2019 Thomas Liu. All rights reserved.

Pokemon Type Guesser


Thomas Liu
Atelier I: Discovery 001


Project Description
My project is a webpage that uses the ml5 library to guess what Pokemon type an inputted image would be, from either fire, water, grass, normal, fighting, flying, poison, electric, psychic, bug, and rock. To achieve this, I trained a classifier with a dataset consisting of Pokemon and their respective types. Then, when the user inputs an image, it will see what category the image falls under. The intention behind this was to investigate and compare real world design trends with Pokemon, such as water types being mostly blue or grass types being green, stout, quadrupeds.

See the Project Here
https://webspace.ocad.ca/~3160828/PokemonTypeGuesser/index
(errors are logged in the console, open it if your image isn't loading)

Examples and Experiments
Through the use of Coding Train tutorials, I was able to get a grasp on how to use ml5, as well as how to train, save, load and use a classifier. These experiments document my learning process, and were essential to the creation of the end product.

Experiment 1
Experiment 2
Experiment 3

Future Plans
In the end, the projects works as intended, though it was unable to correlate design trends as I expected. If I had more time, I would like to give this project more polish. I would fix little things like the user image not displaying proportionally, as well as improve the design of the page through custom fonts. In addition, I would also like to make the project generate a list of Pokemon moves the image would have, almost creating a completely new Pokemon from an image.

example2
example3

Links
Project: https://webspace.ocad.ca/~3160828/PokemonTypeGuesser/index
(For a consistent, error-free experience, please only use images from imgur or wikipedia)
Code: https://github.com/ThomasJnLiu/PokemonTypeGuesser

Leave a Reply

Your email address will not be published.
Required fields are marked:*

*