Istador / pine-interactive-map

Interactive Map for the video game Pine. Showing all collectibles, resources and more that can be found in the game.
https://pine.blackpinguin.de/
Mozilla Public License 2.0
24 stars 6 forks source link

Icons in one image #8

Closed Istador closed 5 years ago

Istador commented 5 years ago

All icons should be combined into one image file and being selected via background-position.

Currently, each icon is very small and has its own designated file, which is bad to load for the browser.

I already worked with spritesmith in the past and would use it again.


Also there is a little visible delay after adding the markers and the layer controller to the map, where it fetches the images, because the icon places in the layer controller are briefly empty. When all images are in one file, one (transparent) pixel of that file can be added as an <img> to the DOM to pre-load it.