Posted January 08, 2021 by Klius Escarlopini
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:
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! :)