Can I animate number count by dragging?

#1

Hello,

I am looking to replicate an effect which would allow the “user” to drag a box to the left and as this is happening a number count goes up from 1 to 10 incrementally? As the dragging stops the number reached stays active.

Any idea?

Thank you

0 Likes

#2

Put the box in a scroll, and use drivers to change the opacity of the numbers.

Basically, create 10 number layers (either images or text layers) and put them all on top of each other, with opacity 0% (except number 1).

Then as you scroll, you can animate all the opacities to give that sense.

I’ve attached a file with the example.

1 Like

#3

Shonen,
You are so kind. Well done. This is exactly what I was looking for.
Thank you

Z

0 Likes

#4

Hey Shonen,

I tried to make (replicate) what you showed me, and I made the number count rise and drop on the scrolling action ( I am using a horizontal scroll).
The only issue I cant figure out, is how to you make the rectangle stay wherever you want? Mine just shoots back to its 0 value position on X.

So this is my dilemma? If you have a quick answer I would appreciate it a lot.

Thank you
Z

0 Likes

#5

If you download the example, you will see that inside the scrolling group there’s 2 squares, one is invisible and far apart from the visible one, this way you have a long content to scroll, if you only have one square the scroll won’t happen.

I hope this helps!

1 Like

#6

Perfectly, it works now with this trick.
Thank you again
Z

1 Like

closed #7

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.

0 Likes