Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

How to link the animation of time counter and dragged item?

Recommended Posts

Hi guys! Need your help! I need to connect the "Knob" and animation of numbers in Adobe Edge Animate, I did the dragged knob, and don't know how to do the rest ...


Knob like this one greensock.com/draggable

Change numbers with dragging like this greensock.com/timelinelite

Add some scrins and Edge Animate files in attach files to better explain what I mean :)


Thanks in advance for any help! Regards





Link to comment
Share on other sites

Hi Arthematix  :)


you can get rotation easily with " this.rotation " , like this : 

See the Pen NqJZbG by MAW (@MAW) on CodePen

Draggable.create(".dial", {
bounds:{minRotation:0,maxRotation:360},//set min/max range limitation 
throwProps:true ,
onDrag:Calc , 
onThrowUpdate: Calc // if you want to use ThrowProps you need onThrowUpdate fn to run your function on throwing

function Calc(){
  console.log( this.rotation ) 
 // you can do any math calc with " this.rotation " to get your desire range number like : this.rotation/360
 var R = this.rotation/360 ;
 document.getElementById(" myText ").innerHTML= R ; 
  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.