"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

  • just to be sure, when you say ''make sure the command line is pointing to the same directory of the tilemapper.py file'',   could you be more specific? 

    Thank you

  • Having fiddled about with python a little recently I think it’s like this in the command line to activate the program, at least for windows:

    python C:Users/Me/Desktop/tilemapper.py

    Of course it doesn’t have to be desktop, it could be anywhere you want it.

  • So lets say I have the tilemapper.py on this directory: C:\Users\NaCl\Documents\Programacao\Repositórios\garmin-tilemapper , to make the command line point to this directory all I have to do is run the command: cd C:\Users\NaCl\Documents\Programacao\Repositórios\garmin-tilemapper , this way I will change the directory of the command line to the folder where the file is.

    Here I run the help of the tilemapper so you can see the file is there.

    1. Yes and then all you’d have to do is run the command goncolo said to do: 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

    However you can in the command line directly point to the directory without having to use cd:

    python C:\Users\NaCl\Documents\Programacao\Repositorios\garmin-tilemapper\tilemapper.py -i <path_to_your_image_file> -o <path_to_the_output_files> -m rotate -r 416 -u 0 -v 360 -s 6

    path to your image file could be for example: C:\Users\NaCI\Desktop\fish.png

    path to your output could be C:\Users\NaCl\Desktop

  • once again Goncalo, thank you so much,i am a bit of a noob using Garmin to create watchface, i was one of the best watchface creator when i was on Watchmaker (galaxywatch android) but using Eclispe and all the other program is very difficult to learn.  I tried what you told me and here is what showed (python tilemapper.py -h):

    C:\Users\Jay\Desktop\garmin-tilemapper-master>python tilemapper.py -h
    Traceback (most recent call last):
    File "C:\Users\Jay\Desktop\garmin-tilemapper-master\tilemapper.py", line 3, in <module>
    from PIL import Image, ImageOps
    ModuleNotFoundError: No module named 'PIL'

    once again thank you very much, i think we are really near making it  :)

  • tried that and look the outpout:

    C:\Users\Jay\Desktop\garmin-tilemapper-master>python tilemapper.py -i C:\Users\Jay\Desktop\garmin-tilemapper-master\0.png -o C:\Users\Jay\Desktop\garmin-tilemapper-master\firsttest -m rotate -r 416 -u 0 -v 360 -s 6
    Traceback (most recent call last):
    File "C:\Users\Jay\Desktop\garmin-tilemapper-master\tilemapper.py", line 3, in <module>
    from PIL import Image, ImageOps
    ModuleNotFoundError: No module named 'PIL'

    i am so sorry guys...there is something wrong with the way i do it but i can't find it......thank you so much for your time

    Pray

  • Type into command line


    pip install Pillow

    or in admin command line if that doesn’t work

    python -m pip install Pillow 

    that will solve that problem

  • once again i tried and it tells me requirement already satisfied:

    Microsoft Windows [version 10.0.19044.2364]
    (c) Microsoft Corporation. Tous droits réservés.

    C:\WINDOWS\system32>pip install Pillow
    Requirement already satisfied: Pillow in c:\python311\lib\site-packages (9.3.0)

    C:\WINDOWS\system32>python -m pip install Pillow
    Requirement already satisfied: Pillow in c:\python311\lib\site-packages (9.3.0)

    C:\WINDOWS\system32>

    i don't get, i did everything everybody told me  :(

  • nevermind guys i made it, the computer created the 3 files but is it normal the colors are weird in the .png file?

    the hands should look like that:

    we are almost there....Muscle

  • Try manually changing the colours in a paint program or something, paint.net should work as you can select a specific colour using the magic wand tool with global settings turned on and use the fill bucket (with your choice of colour) also with global settings toggled on.