Making a watch face from scratch for Amazfit GTR in the GTR_WatchFace editor by SashaCX75

[Ollegon]

Good day everyone!

Wrote a detailed article on how to make a watch face. But the article turned out to be large and written in Russian. I hope that Google Translate will handle the translation ...

Read here
Google Translate

I would be glad to receive comments, suggestions, criticism.

----------------------------------------------------------------------------------

Делаем циферблат с нуля для Amazfit GTR в редакторе GTR_WatchFace editor by SashaCX75

Доброго дня всем!

Написал подробную статью о том, как делать циферблат. Но статья получилась большой и написана на русском языке. Надеюсь что Гугл Транслейт справиться с переводом...

Читать здесь
Google Translate

Буду рад комментариям, предложениям, критике

[spidercrab]

Just wanted to say thank you for creating this excellent and very clear set of instructions that translates perfectly into English. I spent some time figuring out how to create GTR WF's but wish I had seen this sooner and read it. I also learnt some new stuff and also it was interesting to reading how your organise your workflow so well. Great job.

[[email protected]]

How is the weather? It does not show me the Day and Night temperature, and without turning it on, I have a message that displaying the current weather may not work.

[JROB]

En français : voici un petit tuto de mon expérience avec cet outil

Principes
--------------------

Forum : viewtopic.php?t=1076&start=150
Voir aussi le fichier chm présent dans le répertoire racine de l'outil.
Un cadran = un projet = un fichier bin
Le fichier bin est fabriqué par l'outil à partir d'un fichier json principal
Le fichier json principal permet d'associer un fichier PNG à chaque fonction, l'interface graphique modifie les éléments dans le fichier.
Les fichiers PNG doivent avoir un nom de la forme 0123.png sur 4 chiffres à partir de 0 (ex : 0000.png, .....0015.png, ....)
Pas de trou dans la numérotation des fichiers : au chargement dans le fenêtre de l'onglet "choisir", on doit toujours avoir l'index "#" correspondant au nom du fichier (#1=0001)
Il est possible de les renommer en masse, par exemple avec XnView
Pour les fichiers associés aux fonctions heures, mois, jours de semaines, il doit exister autant de fichiers que d'occurrences dans la fonction
(ex : 7 fichiers pour les jours de la semaine, numérotés dans l'ordre : dans l'outil on donne le nom du premier fichier = celui représentant le lundi et le nombre d'occurences)

Format des fichiers d'image
-----------------------

Format PNG obligatoirement
Transparence pour les chiffres, voir par exemple le site https://www.maisfontes.com pour les générer => images pas 32 bits, erreur
Couleurs 32 bits obligatoirement : sous XnView, aller dans Images/32 bits et sauvegarder.
Chaque fichier ne doit pas dépasser la résolution maximale du cadran, soit 454*454.

Le déballage
------------------------

Consiste à partir d'un fichier bin existant, à fabriquer un répertoire contentant les fichiers PNG et les fichiers json
Le fichier bin et le répertoire sont recopiés dans le répertoire "Watch_face" de l'outil
Réalisé à partir du bouton "Déballer le .bin compressé"
Vérifier que la zone de texte "Chemin d'accès à l'emballeur" est bien configuré,
il doit correspondre à AmazFit_Watchface_Editor_(without_Python)_9_0\AmazFit_Watchface_Editor_(without_Python)\main_v0.2-beta\main.exe, si ce n'est pas le cas l'outil plante.
Après la décompilation, aller dans l'onglet "Choisir" et cliquer sur "Sélectionner" à coté de la zone "JSON avec photos", choisir le fichier bin qui a été recopié dans le répertoire "watch_face"
La liste des fichiers PNG du répertoire avec leur aperçu apparait dans la fenêtre, astuce : cocher "fond sombre" pour les voir les motifs blancs

L'emballage
----------------------

Consiste à fabriquer les fichiers suivants à partir du fichier json, [fichier] étant le nom du fichier json :
- [fichier]_packed.bin
- [fichier]_packed_animated.gif pour la prévisualisation animée
- [fichier]_packed_static.png pour la prévisualisation statique en 454*454
- [fichier]_packed_static_266.png pour la prévisualisation statique en 266*266
- [fichier]_packed.log : log pour les erreurs éventuelles : la génération peut ne pas aller jusqu'au bout (pas de fichier généré, mais pas de message signalé, dans ce cas regarder la nature du problème dans la log)
- [fichier]_PreviewStates.json : contient les valeurs des étapes des prévisualisations animées (dates, heures, météo, ....)
La compilation est réalisée en cliquant sur le bouton "Emballer bin [Pack]" de l'onglet "Déballer/Emballer".

Le fichier bin final n'est valide que s'il ne dépasse pas 1,95 Mo, vite atteint, le dépassement est indiqué par l'outil.
Si c'est le cas, il faut soit réduire la taille de certains fichiers, soit désactiver la fonction associée.
Dans ce cas il n'est pas obligatoire de supprimer le fichier présent dans le répertoire, il ne sera pas inclus dans le fichier bin.
Attention : en cas de suppression de fichier, il faut renommer les autres pour ne pas avoir de trous dans la numérotation, recharger les images, refaire les associations avec les fonctions si décalage.
Pour minimiser le nombre de fichiers PNG on peut par exemple utiliser les mêmes fichiers jpg pour plusieurs fonctions (ex : fichier de chiffres pour date et heure).
L'outil va également enregistrer un fichier PreviewStates.json qui contient la définition de la succession d'états de la montre (=simulation) qui sera visible dans le fichier gif.

Fichiers de prévisualisation statique
-------------------------------------------------------------------

- Associé à la fonction "preview" statique sur la montre (visible dans paramètres/cadrans), doit être au format 266*266.
Deux possibilités pour le constituer :
- utiliser le fichier [fichier]_packed_static_266.png généré lors de l'emballage Mais le fichier a un cadre blanc inesthétique
- dans l'outil sur l'onglet "déballer/emballer", cliquer sur "enregistrer le png", le fichier obtenu sera sans cadre blanc mais il sera au format 454*454, il faut le retailler avec un outils tierce (ex: XnView)
Avant de déployer le fichier bin sur la montre, il faut donc faire un deuxième emballage pour que le fichier de prévisualisation mis à jour soit inclus.

Fichier de prévisualisation animée
-------------------------------------------------------------------

Pour la publication de l'aperçu sur le site https://amazfitwatchfaces.com/awapp
Deux possibilités pour le constituer :
- utiliser le fichier [fichier]_packed_animated.gif généré lors de l'emballage
Ce fichier est de moins bonne qualité et ne comportera pas les visualisations des fonctionnalités avancées présentes via les menus "Progression des jours" et "Animation - bêta"
- utiliser le menu "Enregistrer GIF" pour avoir toutes les fonctionnalités et une meilleure qualité, la différence est visible notamment sur l'application Android dont l'affichage ne va pas buguer.

Quelques erreurs courantes
-------------------------------------------------------------------

- Le fichier [fichier]_packed.bin dépasse 1,95 Mo : réduire la taille de certains fichiers, en particulier le fichier associé à la prévisualisation statique, souvent nommé "0001.png", qui doit être en 266*266
- Le fichier [fichier]_packed.bin n'est pas généré et pas d'erreur signalée : vérifier dans le fichier [fichier]_packed.log, souvent c'est une erreur de format dans un des fichiers png, vérifier si le png est bien encodé en 32 bits.

[JROB]

A tutorial from my experience on the tool

Principles
--------------------

Forum: viewtopic.php?t=1076&start=150
See also the chm file found in the root directory of the tool.
one watchface = one project = one bin file
The bin file is made by the tool from a main json file
The main json file is used to associate a PNG file with each function, the graphical interface modifies the elements in the file.
PNG files must have a name of the form 0123.png on 4 digits starting from 0 (ex: 0000.png, ..... 0015.png, ....)
No hole in the file numbering: when loading in the window of the "choose" tab, you must always have the index "#" corresponding to the name of the file (# 1 = 0001)
It is possible to rename them in bulk, for example with XnView
For the files associated with the hours, months, days of weeks functions, there must be as many files as there are occurrences in the function
(ex: 7 files for the days of the week, numbered in order: in the tool we give the name of the first file = the one representing Monday and the number of occurrences)

Image file format
-----------------------

PNG format required
Transparency for the figures, see for example the site https://www.maisfontes.com to generate them => images not 32 bits, error
32-bit colors must be: in XnView, go to Images / 32-bit and save.
Each file should not exceed the maximum resolution of the dial, which is 454 * 454.

Unpacking
------------------------

Consists from an existing bin file, to create a directory containing the PNG files and the json files
The bin file and the directory are copied into the "Watch_face" directory of the tool
Made from the button "Unpack the compressed .bin"
Check that the "Path to the packer" text zone is correctly configured,
it must correspond to AmazFit_Watchface_Editor_ (without_Python) _9_0 \ AmazFit_Watchface_Editor_ (without_Python) \ main_v0.2-beta \ main.exe, if not the tool crashes.
After decompiling, go to the "Choose" tab and click on "Select" next to the "JSON with photos" area, choose the bin file which has been copied into the "watch_face" directory
The list of PNG files in the directory with their preview appears in the window, tip: check "dark background" to see the white patterns

Packing
----------------------

Consists of making the following files from the json file, [file] being the name of the json file:
- [file] _packed.bin
- [file] _packed_animated.gif for the animated preview
- [file] _packed_static.png for static preview in 454 * 454
- [file] _packed_static_266.png for static preview in 266 * 266
- [file] _packed.log: log for any errors: the generation may not go to the end (no file generated, but no message reported, in this case look at the nature of the problem in the log)
- [file] _PreviewStates.json: contains the values ​​of the stages of the animated previews (dates, times, weather, ....)
Compilation is done by clicking on the "Pack bin [Pack]" button on the "Unpack / Pack" tab.

The final bin file is only valid if it does not exceed 1.95 MB, quickly reached, the overflow is indicated by the tool.
If this is the case, you must either reduce the size of certain files or deactivate the associated function.
In this case, it is not compulsory to delete the file found in the directory, it will not be included in the bin file.
Warning: if a file is deleted, the others must be renamed so as not to have holes in the numbering, reload the images, redo the associations with the functions if there is a shift.
To minimize the number of PNG files, we can for example use the same jpg files for several functions (eg: file of digits for date and time).
The tool will also save a PreviewStates.json file which contains the definition of the succession of states of the watch (= simulation) which will be visible in the gif file.

Static preview files
-------------------------------------------------- -----------------

- Associated with the static "preview" function on the watch (visible in parameters / dials), must be in 266 * 266 format.
Two possibilities to constitute it:
- use the file [file] _packed_static_266.png generated when packing But the file has an unsightly white frame
- in the tool on the "unpack / pack" tab, click on "save the png", the file obtained will be without a white frame but it will be in 454 * 454 format, it must be resized with a third-party tool (ex: XnView)
Before deploying the bin file on the watch, it is therefore necessary to do a second wrapping so that the updated preview file is included.

Animated Preview File
-------------------------------------------------- -----------------

For the publication of the preview on the site https://amazfitwatchfaces.com/awapp
Two possibilities to constitute it:
- use the file [file] _packed_animated.gif generated during packaging
This file is of lower quality and will not include the visualizations of the advanced functionalities present via the menus "Progress of days" and "Animation - beta"
- use the "Save GIF" menu to have all the functionalities and a better quality, the difference is visible in particular on the Android application whose display will not bug.

Some common mistakes
-------------------------------------------------- -----------------

- The file [file] _packed.bin exceeds 1.95 MB: reduce the size of some files, in particular the file associated with the static preview, often named "0001.png", which must be in 266 * 266
- The file [file] _packed.bin is not generated and no error reported: check in the file [file] _packed.log, often it is a format error in one of the png files, check if the png is well encoded in 32 bits.

[t.pieters]

It seems the links to the articles are down, could you update the links? I appreciate it