A change of face


This afternoon i had some spare time, so  i decided to work on improving the looks of the UI and making it more consistent with the Generation 1 Pokémon games.

Previously it looked like this:

First version

The first version looked quite boring, the font was jarring, it wasn't great but it worked.

Now it looks like this:

I got most of the assets for the pokeballs and the border from the pokemon red dissasembly and the css stylings for the checkboxes where done via checkbox generator.

For the borders i had to put together a square-image in aseprite like so:


And then setup the border like this:

border:solid 16px transparent;
border-image:url(img/border.png) 40 round;
border-image-width:24px;

Last but not least i got the font from https://www.fontspace.com/pokemon-gb-font-f9621

I'm quite pleased with how it ended up looking, and hope somebody founds it useful! :)

Files

pokemonTracker.zip Play in browser
Jan 08, 2021

Get Pokemon Tracker for Gen 1/2

Leave a comment

Log in with itch.io to leave a comment.