Animate an animation on scroll

New Here ,
Apr 22, 2022 Apr 22, 2022

Copy link to clipboard

Copied

Hi there,

 

I want to run an animation by scrolling the page, as the user scrolls the animation happens, and then when completed the webpage continues to run. Similar to this on the apple website:

 

https://www.apple.com/uk/ipad-pro/

 

I'm pretty sure this is all controlled with WebGL but wondered if I could animate and get the same effect?

 

thanks for the thoughts.

Views

105

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 22, 2022 Apr 22, 2022

Copy link to clipboard

Copied

Try this tutorial on scrolling text. https://www.youtube.com/watch?v=ERin50wd3XI

 


Multimedia Developer, Character Creator, and Animator.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 22, 2022 Apr 22, 2022

Copy link to clipboard

Copied

Hey @Nicktendo28 

 

Thanks for the reply. I see where you're mind is at, perhaps the entire animation could fill the screen and the scroll could run through it but I think this is more for being within a single frame, as opposed to running an animation through its timeline then moving on.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 09, 2022 May 09, 2022

Copy link to clipboard

Copied

Update - I thought I could get Javascript doing this by creating the video in an imaginary box of a few thousand pixels, then as the page scrolled down tha animation was sticky and it ran as scrolled but no joy.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
May 09, 2022 May 09, 2022

Copy link to clipboard

Copied

LATEST

Hi.

 

I think this answer may be helpful:

https://community.adobe.com/t5/animate-discussions/how-do-i-animate-the-timeline-with-the-mouse-whee...

 

Please let us know.

 

Regards,

JC

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines