Garmin WatchFaces Online Builder

Watchface Builder for Garmin


Version 7.5.0

  • Added: download with setting file
  • Added: update interval

When downloading the prg file, and if the watch face requires OWM key or dexcom login credentials, you will need to enter them before you can download the prg file. (Sending API key is obsoleted).

Now you can specify the update frequency for entire watch face or each individual object (except time and data field object. WIP).

If your design doesn’t change every second, you can specify the update interval to “1 minute” under global section. The watchface app will update screen every minute, instead of every second during the high power mode. This should save a lot of battery life if your design has a lot of data fields.

Drawing a chart, sunevent circle, rotating hand, or a goal field consumes a lot of computing power, you can now set the update interval for those objects, and based on the profiler result I ran for a few designs, this reduces the runtime tremendously.

But…

Garmin watch face updates screen every second during the high power mode, and every minute during the low power mode. When the screen is updating, usually the entire screen is cleared, and the update routine draws object one by one. In order to draw object based on the set interval, the output of that object will need to be saved in memory. This brings a big issue since the limit of memory device has.

So what you need to do is to turn on the update interval one object at time, build it, and test it on your device to see if IQ error shows up or not. Then add more objects till you receive IQ error or finish adding all.

Version 7.4.4

  • Added: rotated text
  • Updated: curved text

Check “Curved/rotated text” checkbox, then set radius to 0. Then you can rotate the datetime/datafield object.

Also fixed a bug (when creating custom fonts used for curved text, the yoffset values were wrong. That makes the small characters were placed in wrong positions)

You should use a font with limit characters, like other system NUMBER fonts, or create your own custom font and limit the character to digits only. Too many characters will consume more memory, and could cause out of memory error, or reduce your device’s battery life.

Version 7.4.2

  • Added: thumbnail image based on visibility toggles

Your design might have multiple data fields on top each other, this could generate a mess thumbnail image shown in the detail or list page, like the following:

To show off your beautiful design, you can control which data fields will be on in the thumbnail image. Just toggle the visibility icon 👁 to show or hide the widget. The visibility icon only affect the display inside the builder, your datafield will show or hide based on the checkbox under “Hide widget in” section.

Then your thumbnail image will show something like this:

Version 7.4.0

  • Added: Curved Text

Curved text is added into the datafield. Check out this demo:

Watchface – Watchface Builder for Garmin

The curved text only apply to data field. After you add the datafield to the canvas, move it to where you want it to be displayed, and click “Curved Text” checkbox, the builder will automatically calculate the rotating angle as well as rotating center.

You can adjust those numbers (radius, angle, x, y) in the left side widget section.

Version 7.3.6

  • Added: two animation controls

Animation layer can be set to play once or play in infinite loop. You can also set the animation layer either on topmost or bottommost (but still above the background layer).

Check out this demo: Watchface – Watchface Builder for Garmin

PS: animation uses up a lot of memory, I tested it on my Fenix 6 pro, and it ran out of memory on a big animation file. So if you see IQ error, it might be out of memory, make the screen size small, and/or cut it shorter.

Version 7.3.4

  • Added: Animation
  • Added: Clone button (under appid text box in the global section)

Animation is supported now. Please check this demo:

animation demo – Watchface Builder for Garmin – Watchface

The limitations of animation layers are:

  • Only one animation video can be added
  • Animation layer will always on the top layer
  • Animation layer will be hidden automatically during the low power mode

The builder will accept animation gif file as well as any video files. Please consider the limitation of your device’s memory, as well as the battery life.

Version 7.3.3

  • Added: Smooth rotating second hand
  • Added: SVG path editor for clock hand

You can add a smooth rotating second hand under Date/Time menu. During the high power mode, the second hand will rotate at most 10 times per second. It will make the rotation look smoothly.

I also forked a github project (Yqnn/svg-path-editor: Online editor to create and manipulate SVG paths (github.com)), adjust a few settings and add a few stock hand shapes. You can click “Modify hand shape” button to create your own hand shape.

Check the “How to use” on the bottom left corn to learn how to use the tool.