Starting an Animate canvas animation only when the element comes in view

[franco calcagnì]

We exported an animation from Animate and included the element in a page, we need the animation starts only when that DOM element (a specific DIV) comes in view in the page.
Please be aware that the page is responsive so we cannot determine how many pixels that element has above.

Thanks for any help.

Franco

[kglad]

Solved: How to activate a Canvas animation only when scrol... - Adobe Support Community - 10339477

[franco calcagnì]

You mean that we need additional .js scripts such

<script type="text/javascript" src="https://rawgit.com/imakewebthings/waypoints/master/lib/jquery.waypoints.min.js"></script>

<script type="text/javascript" src="https://rawgit.com/imakewebthings/waypoints/master/lib/shortcuts/inview.js"></script>

for have it working?

[kglad]

i'm sure you could work-around using helper libraries but you would have more work to do.

[franco calcagnì]

I added the 2 scripts in the HEAD and then the init script before closing of body tag, but it doesn't work because in the page you linked they are working with an iframe element. I have instead a canvas element.

Shall we place also some actions in the .fla file so to stop the file at the first frame and then let the browser detect the element in view and tell the canvas animation to play?

Franco

[kglad]

offhand, i don't know how to adapt that script to your situation.

you should test and debug.

[franco calcagnì]

So it is possible to talk with someone that can help us in this activity? What we need to achieve is to let the animation plays as soon as the CANVAS object that holds that animation comes in view.

Thanks

Franco

[kglad]

these are user-to-user forums.

ie, there are, at least, a few of us regulars here that could work out solutions for what you want but it would take us time.  for simple things that take a few minutes or that particularly interest us, we do that for free via the public forums.

this is not something i would do for free.  (if you want to hire me to do this for you, send a private message, or email kglad99 @ gmail dot com .)  or wait and see if someone else here will do this for you for free.