What is the cleanest way to tween a var depending on the cursor position?

[Michaël Garcia]

Hi everybody, 

for now, I'm using the requestAnimationFrame function.

Is this way the most optimized way ?

It looks like this way use a lot of the browser ressources.

Thank you

 

 

    var currentMousePos = { x: 0, y: 0 }, mousePos = { x : 0}, myvar;

    document.addEventListener("mousemove", function(event){
        currentMousePos.x = event.pageX;
        currentMousePos.y = event.pageY;
    });

    function raf() {
        my_raf = requestAnimationFrame(raf);

        mouse.x = myvar;

        TweenMax.to(mousePos, 0.3, {
            x: currentMousePos.x,
            onUpdate: function () {
                myvar = mousePos.x;
            },
            ease: Linear.easeNone
        });
    }