How do i change my clocks color every second

[sanady2011]

so i want my digital clock to change colors to match each sequence of images how do i do this.

[Peter]

so, you have multiple options. you can add as many duplicates of the digital time layer, as many color do you plan to use and then you assign them on conditional time line to the seconds you want them to show and eventually make a loop of it if the pattern repeats. Or you can set their opacity to 100 only for a desired second using conditional expression with [SEC] tag in the opacity field (that is the noname field next color code).

Png animation fps?

Hi there, I am having trouble timing a .png animation cycle to play in sync with the time. I have a very simple idea, which, in it’s most basic form, is to have one small square appear every second (or minute, or hour…making a minimal pixel art style face). I have a .png image cycle made, but how do I time it in WFS so every frame of the image cycle (1 square added each frame) plays every second (or min, or hour)? I can get the animation to play, but it does not play in time with the clock. Or …

Watchface Studio timeline copy and loop features

I did not understand how to use timeline copy/paste and loop features. Basically I want to change some image(or multimedia) for every first 5 minutes of an hour. So I will have 2 items; one for the first 5 minutes and another for the 55 minutes. Since I could not find how to copy the first 1 hour to the rest of the day, now I am trying to arrange this for all 24 hours. How can I copy first 1 hour of the timeline to the rest ? And is it possible to copy whole timeline of an item to another …

Or you could use big “color wheel” image as a mask for the digital time, and make it rotate each second to the desired color section using expression in rotate property. I attached example file you can unzip and try on WFS.
ColorSweep.zip (426.6 KB)

[sanady2011]

I created a palette with 11 colors, each having a resolution of 1080x1920, with each color block being 173.9 pixels in height. I’m trying to animate a mask that shifts down by one color every 4 frames. The goal is for the mask to cover one color block at a time, moving down to the next one every 4 frames. I would really appreciate any help on how to achieve this effect.

[russellcresser]

Welcome @sanady2011 Post your Resource . 4 frames per second or 4 frames at 15 fps.

[sanady2011]

To be honest i just started watch face studio so i can make a watch face so can you tell me what to send. But its 4 frames at 15fps.

[russellcresser]

Just post the picture here that you are using for your background . 4 frames at 15 FPS is about 1/4 of a second . So your mask is going to sweep across the display in about 3 seconds . If you show us the picture we can make a test for you to look at and point to ways to move the mask at different speeds . I would find it impossible to explain what to do to a Beginner . Stay with us you will be an Expert very soon . An Expert is someone who finds bugs in a system an learns how to fix them .

[sanady2011]

[Peter]

1. when you add your clock layer, figure how high the covering square needs to be.
2. then when you insert your multicolor mask , set its size by need width and 11 times the needed height.
3. align the first color square above the clock.
4. 4 frames per second mean 250ms per frame, so put expression like:
   single square height times ((floor([UTC_TS]/250))%11) in the y coordinate tag field
   
   

[sanady2011]

I’m really sorry if I’m being annoying. I followed your instructions, but I’m not sure what I did wrong. Could you help me understand?
watch face.zip (1.9 MB)

[Peter]

Do not worry.
what do you have trouble with?
Each stripe on the multicolor mask has to have size big enough to cover whole digital layer.
You have there 11 stripes, so the overal image size in vertical dimension is 11 times this stripe height.
the tag [UTC_TS] is number that is permanently growing by 1 each millisecond (1000 times per second). So to make a whole number that grows 4 times a second we need to divide it by 250 and strip the decimal part using floor function. Then to make use of all of the stripes, we need this number to reset after each 11 counts, so we use modulo function on it. %11 will return number from 0 to 10 and start again . then to make the mask slide we add stripe height to its y coordinate times this repeatedly growing and resetting number.
Check the new version of the attached example
ColorSweep.zip (434.0 KB)

[sanady2011]

it would be a great help if you could get them synced to my image sequence. my project so far is below.
watch face2.zip (1.9 MB)

[russellcresser]

@sanady2011 Sadly I am not opening 1.8.7 files at the moment . I hope it is going well . You have the best Man @Peter for the Job there.

[Peter]

@sanady2011

if you could get them synced to my image sequence

I had to open your file on another PC with newer WFS to understand what you are trying to do. sorry, that is virtually impossible. to match the animation start with exact second in time would be just coincidence.
I would rather suggest insert them frames as individual images and set them with expression for opacity to show on right time, by same number as we shift the mask in the time. Check the example, maybe the order even needs to be inverted (sorry my examples do not match your backgrounds entirely):
ColorTick.zip (205.6 KB)

PS: consider to slow down the rate with like 400 or 500 instead of 250ms. It feels easier on eyes and brain.

[sanady2011]

Thank you so much. I just added my pictures and made the necessary fixes. I really appreciate you taking the time out of your day to help me.

[russellcresser]

@Peter . When you run a second version of WFS for testing the update do you copy the Key store from the previous . I suppose if you are not publishing it is not an issue . Perhaps I should just try it .

[Peter]

I do not know, since I do not have a watch with this silly OS yet, I did not have to look for keys so far.

[russellcresser]

OK . I see . Just preview on WFS . Thanks as always for being there .