2 Replies Latest reply: Nov 7, 2014 12:01 PM by Domainscanners RSS

    Set Easing in code?

    Domainscanners
    Domainscanners Nov 7, 2014 7:50 AM

      Hi, is it possible to set the easing of a particular segment of an animation in code?

      Screen Shot 2014-11-07 at 15.46.36.png

      I would like to randomize the easing function of the BubbleSprite_symbol_12.Rotate spin if possible?

       

      Thanks,


      Paul

        • 1. Re: Set Easing in code?
          vivekuma Adobe Employee
          vivekuma Nov 7, 2014 8:25 AM (in response to Domainscanners)

          The Edge API doesn't expose such functions unlike jQuery animate function.

           

          Assuming you are using Edge 2014.1, which no longer has dependency on jQuery, so to use the jQuery animate() function you need to import jQuery.js first in the Edge composition.

          But jQuery has only two effects for the animate function ("linear", and "swing").

           

          If you want to use more effects ("easeOutQuint", "easeInQuad" etc), then you need to import jQuery-UI.js file which has all these additional effects.

           

          So, if you have both jQuery and jQuery-UI.js then using code similar to below will give you the idea of randomizing the effects:

               sym.$("Rectangle").animate({ top:'5px'}, 750, 'easeOutQuint' );

           

          hth,

          Vivekuma

          • 2. Re: Set Easing in code?
            Domainscanners Community Member
            Domainscanners Nov 7, 2014 12:01 PM (in response to vivekuma)

            Thank you!