Skip to main content
chadd3178332
Known Participant
May 15, 2019
Question

my easing stopped working.

  • May 15, 2019
  • 2 replies
  • 1218 views

So I wasted an hour animating something put some inandout easing on it and then noticed the easing I put on it isn't doing anything. I made a new file and some new shapes and put the same easing on the shapes and they are working correctly. So I made another brand new html5 canvass file and made two shapes and put easing on one and no easing on the other. In the browser (chrome or firefox) I see no easing if i scrub the timeline in animate i can see the easing happening. I quit animate, ive also tried restarting my computer to no avail.

What on earth is going on? I don't see where to attach a zip file to this message?

    This topic has been closed for replies.

    2 replies

    Community Expert
    May 15, 2019

    Can you show us a screenshot of your easing settings?

    chadd3178332
    Known Participant
    May 15, 2019

    ok i've identified where this is happening. under publish settings if i turn off "export document as texture" my easing goes away. What exactly does "export document as texture" do? it wasn't in the previous versions of animate.

    kdmemory
    Inspiring
    May 15, 2019

    Hi Chadd

    Export document as texture takes all your vector graphic elements and publishes them in spritesheets. These files go into the images folder of your project and follow the naming convention yourfile_atlas_n.png (or .jpg dedending on your Publish Settings). This is beneficial particularly for mobile devices.

    Read more...

    About your problem with easing: It could be that you use Motion Tweens. If so i would advice to work instead with Classic Tweens. Motion Tweens in HTML5 Canvas mode are published as frame-by-frame animations and if you turn off texture publishing those frame easing specifics will be lost. Use Classic Tweens whenever possible. Then easing can be done in a coded way through TweenJS which is part of CreateJS.

    Klaus

    chadd3178332
    Known Participant
    May 15, 2019

    I should of mentioned it's vector shapes that i'm tweening so its the "shape tween" that isn't working. Most of the time i'm shape tween ing a mask. Neither shape tween "classic ease" or the built in "ease in" "ease out" "easeInOut" or "custom" work. I only use adobe animate to make html5 banners mostly for doubleclick which requires files to be under 150 kilobytes this is including the javascript, library and images. So adding more images isn't ideal.

    I just tested both the "classic" and the newer motion tweens and they both work fine. Its the shape tweens i'm having an issue with. Can I code shape tweens easing?