"tilemapper" tool for tile-mapped anti-aliased graphics

Hey folks,

Here's my command line tool that helps developers build tile-mapped anti-aliased graphics for Garmin wearables;
github.com/.../garmin-tilemapper

Way back in 2017, I showcased a tile-map sprite technique to compress graphics;
forums.garmin.com/.../my-technique-for-anti-aliased-animation-and-bitmaps

You've probably seen my anti-aliased watchfaces in the app store. 
https://apps.garmin.com/en-US/developer/e43b20dc-99b5-4906-ae38-65b36a68b208/apps

This is one of the tools I have been using to develop them.

As a handy extra, I've also included two sample watchfaces, and their artwork. This includes a new "steamboat willie" watchface.

The great thing about this approach, is that you can scale your designs seamlessly across many different devices and resolutions.

Please be mindful that this is the first release, so your milage may vary with bugs, and platform support. Happy to hear your feedback.

Can't wait to see what you all create!! Slight smile

  • That's a link to waterjets, on another note I have read the readmes but I've not worked with command lines so some it is jargon to me. 

  • Heres what i've got, a test png and a fodler for it to be processed into

    python tilemapper.py -i /Users/Me/AppData/Local/Programs/Python/Python310/UnitedKingdofnt.png -o /Users/Me/AppData/Local/Programs/Python/Python310/destfont -m rotate -u -180 -v -354 -s -6 -r 240 -t 250 

  • nevermind, I finally did it by sheer luck from copying one of the default commands

  • Hi ftrimboli,

    I have been trying to understand the concept for about 2 months now.  I have read lots of informations on tilemapper, on python, on other programs you are using 

  • Hi ftrimboli,

    I have been trying to understand the concept for about 2 months now.  I have read lots of informations on tilemapper, on python, on other programs you are using for those watches but unfortunatly, i dont understand.

    so far what i have done:

    -i have all the necesseray programs on my pc

    -i have a watch on the way on eclipse on which i would like to have 2 moving hands (hour and minutes), 3 if it is possible but i doubt it.

    -i only want to build it for me and on one device (epix gen 2)

    Coud you or someone else here explain to me (or help me) step by step the concept of tilemapper and python in eclipse?

    Is tilemapper a program we use to create a tile and then we introduce it in eclipse using python?

    I wish i could have somone help me only for the hour, minute and second hand,...please.  

    Please help me  :)Pray

  • Hi, do you have Python installed on your computer? If yes all you have to do is open a command line, type "cmd" on the windows search bar, then mode to the directory where you have the tilemapper file, there run this command: python tilemapper.py -i <path_to_your_image_file> -o <path_to_the_output_files> -m rotate -r 416 -u 0 -v 360 -s 6 .Replace the paths for the input and output and on the output you should a PNG a  FNT and a JSON files that you can then use to load on your garmin application.

  • Thank you SO much Goncalo, but unfortunatly, it is a bit fast for me.  Everything is installed as mentioned in this thread.  I just don't get the step explain.

    i need a line by line (step by step) guide. 

    i am very gratefull for your help but i need just a litte more.  As i look at your text, i am all mixed up.  

    i have tried what you just said and it says: 

    what is wrong with me  :(

  • tired something else and look what showed on the cmd:

    i am so sad, wish i could nailed it  :(

  • Hi I don't think you have the file tilemapper on the c:/ directory, make sure the command line is pointing to the same directory of the tilemapper.py file

  • Also I just noticed,  the input and output paths can't have the > or < before or after sorry for inducing you in error it is just a common way of representing something that should be changed.