RenderBreak Blog – What I’m thinking when my workstation’s thinkingĬreative Cow Forum Host: Live & Stage Events Motion Graphics, Widescreen Events, Presentation Design, and Consulting ParseInt(myDigit) + transitionTimeOffset If (strippedNumber >= nextTransitionNumber) transitionTimeOffset = myNumber - Math.floor(myNumber) if we're on a transition number, then we can transition otherwise, we should hold our digit NextTransitionNumber = (parseInt(myDigit) + 1) * Math.pow(10,myPlace-1) - 1 figure out what the next number we should transition on If ((strippedNumber.length strippedNumber.length)) myDigit = 0 else myDigit = strippedNumber.substring(0,1) this layer should show the first digit of our new stripped number StrippedNumber = numberAsString.substring(numberAsString.length-myPlace,numberAsString.length) do some string manipulations to strip off all the digits above the one we're on (for the hundreds digit, strip thousands and above off) but if we're any other digit, we have to hold our digit until we reach the next transition number if we're the ones digit, we can just return the number modulo 10 NumberAsString = Math.floor(myNumber).toString() then convert it to a string (with no decimal places) for easier manipulation MyNumber = thisComp.layer("Counter Controller").effect("Number")("Slider").value Get the source number from the controller layer MyPlace = index - thisComp.layer("Counter Controller").index
Figure out what digit this layer should show - 1 for ones, 2 for tens, 3 for hundreds, etc. The expression lets the ones digit go freely according to the controller slide, but holds all other digits on their value until it is time to transition with the ones digit.Īnd finally, here’s the time-remapping expression:
#Flipclock styling movie#
The attached demo movie and sample project use an expression which controls the time-remapping on multiple different layers of the same loopable, 10 second, single-digit counter. This might still be a bit rough around the edges, but it should give you or anyone else looking for an odometer-style animation where all the numbers flip together a good start. I’ve seen this question come up a couple times here, so I had a quick go at it with some downtime in a waiting room.
#Flipclock styling how to#
Any thoughts or suggestions on how to hook everything up to one slider for easy control. “I’ve read through previous posts and seen people just do time re/mapping and dividing by 10, or 100 or whatever but this causes the problem of the flipper moving slow when it finally changes over.