Mouse scroll start animation

[vladimird31054633]

Hello I need very simple function but can`t find any info for it:

i need on mouse scroll down / up to start function where animations load - is that possible?

Thanks 

[JoãoCésar]

Hi.

AS3 or HTML5?

And do you need the animation to keep playing while the mouse wheel is being rotated or do you need the animation to only play once?

Regards,

JC

[vladimird31054633]

Hello, HTML5 , I need just one to be started. Both scroll down and up

[JoãoCésar · Accepted solution]

You can try something like this:

function onMouseWheel(e)
{
    if (this.anim.currentFrame == 0)
          this.anim.play();
}
document.getElementById('canvas').addEventListener('mousewheel', onMouseWheel.bind(this));
document.getElementById('canvas').addEventListener('DOMMouseScroll', onMouseWheel.bind(this));

Regards,

JC

[vladimird31054633]

WOW! thanks a lot. is there a way to define if "scroll down" or "scroll up" ?

[JoãoCésar]

Sure.

Try this:

function onMouseWheel(e)
{
    var delta;
    // we have to check what kind of property is available depending on the browser the page is running
    if (e == window.event)
          delta = -10 / window.event.wheelDeltaY;
    else
          delta = e.detail / 30;
    if (delta < 0)
    {
          if (this.anim.currentFrame == 0)
              this.anim.play();
    }
    else
    {
          if (this.anim1.currentFrame == 0)
              this.anim1.play();
    }
}
document.getElementById('canvas').addEventListener('mousewheel', onMouseWheel.bind(this));
document.getElementById('canvas').addEventListener('DOMMouseScroll', onMouseWheel.bind(this));

Regards,

JC

[vladimird31054633]

Thanks a lot mate - that works great!

[JoãoCésar]

You're welcome!