Changelog

• 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.

• Added: clipboard copy & paste function

This feature was requested by multiple users and multiple times. You can copy any object/objects and paste it/them to the same or another watchface.

• 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:

• Added: Curved Text on Datetime field

Datetime field can be curved now.

• 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.

• 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.

• Added: delete language strings

You can delete an entire local language strings. It should make your prg file smaller, but I don’t see any saving for memory during the runtime inside the Garmin simulator.

• 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.

• 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.

• Added: global variables
• Added: code block

You can declare global variables under widget’s global section. Choose the variable name carefully, make sure it will not conflict with others. I suggest you add a prefix “g_” for the global variable name.

A new code block data field was added under data field menu. It replaces the custom code data field. You can access your global variables declared under global section, as well as local variables like:
1. x, y: the code block’s position
2. now: the current time