How can I make time scroll vertically?

I’d like to make a face where the hours, minutes, and seconds scroll vertically as if on vertical dials. I know I need to use the rotation tags (eg. #DWFSS#) in the Y Position field, but I can’t get it to work right. The main issue is that the images I use, being single images, disappear and then reappear when they reset. Obviously you can’t have a single image scroll infinitely, but I don’t see how to do it with multiple images either.

I’m sure there’s a way to do scrolling digits, but I’m stuck. Can someone point me in the right direction, please?

Mmm, I’m not realy clear on what you are tring to do. You say scroll vertically; does that mean you have vertically oriented rectangular images with the digits stacked one above the other? But you also mention rotation, so that would imply you are using images with digits in a circle ( ? ).

Are you able to post a copy of the images you are using and a little more detail on what you are trying to do?

Like this.

Good problem!

I will have to think about it. Hopefully in the mean time someone else will chime in.

A couple of quick observations…

  1. The hours and minutes are not scrollling - there are just multiple time elements offset by a +/- minutes, etc.

  2. If the scrolling seconds display has been implemented using a tall image then the scrolling effect would be achieved by changing the y position ( ie. not rotation ). I can’t immediately think how this is done however; the issue as you point out would be the reset … mmm

  3. It might be possible to achieve the effect using 4 time elements ( each offset by 1 second ) that work their way up the screen and then start again from the bottom.

Ok, this seems to work. No doubt there is a more elegant solution but this might give you some ideas to consider …

This uses five layers ( one image on top and then four text layers ).

Put image layer right at top ( 640x640px image attached below )

Text layer 3 ( top text layer ):
Text: ((floor((#DsZ#+15)/20)*20+55)%60)
X pos: 175
Y pos: (200-(((#Dsm#*10+150)%200)/200)*100)
Size: 24

Text layer 2:
Text: ((floor((#DsZ#+10)/20)*20+60)%60)
X pos: 175
Y pos: (200-(((#Dsm#*10+100)%200)/200)*100)
Size: 24

Text layer 1:
Text: ((floor((#DsZ#+5)/20)*20+65)%60)
X pos: 175
Y pos: (200-(((#Dsm#*10+50)%200)/200)*100)
Size: 24

Text layer 0 ( bottom text layer ):
Text: ((floor((#DsZ#+5)/20)*20+70)%60)
X pos: 175
Y pos: (200-(((#Dsm#*10)%200)/200)*100)
Size: 24

I hope this helps.


Yeah, that’s perfect. Thanks, man. I really appreciate the help.

1 Like

You are most welcome :slight_smile:

1 Like

I know this thread is 2 years old but are these layers repeated for each of the seconds 0-60? Also would this be the same process for minutes and hour? Thanks

in other words, I would like to create same effect when the minute and hour changes and instead of the seconds scrolling by 5’s I want them to scroll second by second.-Thanks

Trying to remember how this works … :slight_smile:

I just found an error in the text field for Text layer 0, it should be:

Text: ((floor((#DsZ#+0)/20)*20+70)%60)