Is there a simple way to take a design from WFS and display it on a tablet?
The idea is to make a wall clock. So far, I’ve made this thing in Javascript to display on a tablet mounted to the wall. ( It is visible in a mirror so there’s a button to allow making the clock display as a mirror image. )
If you have the Good Lock Plugin and a Galaxy Tablet you can make AOD clock faces in WFS. I don’t know the process as I have not done it myself but that’s the theory and previously wondered how some of the free clock dials had better options than I could make on the phone.
I’m short a Galaxy device besides my watch, but this is good information.
I did searches on those topics and found out what that Good Lock plug-in I ran across checking WFS update versions was about. Says right there “you can use WFS’s intuitive interface to add images, watch elements, and watch movements to your custom skin”
Well, I haven’t run across a magic WFS file to HTML file generator, but for basic analog faces like I wanted to start with this looks pretty user friendly.
Managed to figure out why sample clock face theme 2 was showing as a black circle anyway.
Artwork will need to be edited to suit, but that I can handle.
Yes. If you’ve not used Github ever it would be a bit of a struggle.
If you can get past downloading the code you have to put your images in the correct place and alter the HTML accordingly. I noticed that the author had made an error in his example faces such that one was just a black circle
I noticed that the minute and hour hands do not sweep but jump on the minute or the hour. To fix this I would need to change the code to use seconds instead of what gets returned by the getHour and getMinute lines to use for rotation. Easy enough, but not high on my list of things to do next.
Made a watch face for this on Facer, can’t publish it of course. Did it in WFS so I could put it on my Galaxy Watch 7. Then I decided to work on a brand new framework for HTML clocks.
After much messing about I managed to get progress indicators as minute and hour indicators in HTML.
The HTML clock framework I have been using is nice in that I can pretty much drop artwork from WFS watches into it and get a nice result. The Javascript is really hard for me to parse past the bits I edited to make the hands run smoothly though, so adding a GMT hand would have been difficult.
After much looking and finding over simple or useless things I found what I was after here:
although I must have downloaded the code from somewhere other than here because I believe I got the HTML section fully formed while what is on CodePen is incomplete, although the CSS and Javascript seem to be all there.
This code assumes watch hand art goes from the pivot to the point rather than what WFS expects which is the pivot point is in the middle of the art work. Had to edit my hands I used for this, but adding the GMT hand was a breeze.