itch.io is community of indie game creators and players

Devlogs

A change of face

Pokemon Tracker for Gen 1/2
A browser tool made in HTML5

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:

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 21 kB
    Jan 08, 2021
Download Pokemon Tracker for Gen 1/2
Leave a comment