Skip to main content
Participant
June 3, 2017
Question

Animate cc scrolling to advance timeline

  • June 3, 2017
  • 3 replies
  • 5819 views

Hi,

I created an html5 animation in animate cc that I would like to advance as the user scrolls.

My original intention was to use Muse and scroll effects to accomplish this (I can't code), which worked perfectly on a desktop browser, but not on tablets and phones (the scroll is so jerky that the site is unusable).

so then I searched for some snippet code i could paste into animate cc to make the animation scroll (the entire site is contained in the animate file, I didn't need muse for anything other than to convert the animation from a movie into a scrolling site) and the only code I found worked on desktops but not touch screens and it didnt advance the desktop version smoothly (you couldn't control how fast it advanced like you can in scroll effects with muse).

I really appreciate any ideas or help you can provide

    This topic has been closed for replies.

    3 replies

    timm77670119
    Participant
    December 17, 2018

    Did you find out how to do this?

    Known Participant
    December 17, 2018

    Hey - I was looking for this today. I thought the old Adobe Edge (why oh why did they kill it) could be the answer and I found this - its a ready made sample of scrolling animation in Edge (if you can still find a download of it - have a look): File download

    I haven't full checked it but I think it uses baked animation on the timeline triggered by scrolling, so you could fake the parallax effect in the timeline I guess...

    UDESCO
    Participating Frequently
    November 8, 2017

    Can you share your animation file (both Animate and Muse files) to let me try it out.

    Preran
    Legend
    June 5, 2017

    If you are looking for parallax scrolling using Adobe Animate, see Adobe Animate CC - Parallax Scrolling Tutorial - YouTube

    If you are subscribed to Lynda tutorials. look it up for similar content.

    Thanks,

    Preran

    Participant
    November 3, 2017

    this is just a parallax animation... how do you tie it to the scroll of the page though?

    Colin Holgate
    Inspiring
    November 7, 2017

    I did some thinking about this a while ago. Can you try to understand this topic, and see if you have any questions left?

    getting mouse scroll in pixels