Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

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

Recommended Posts

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
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.