How to create mouse follower

[vizz]

When mouse is moved in right direction, move follower in left direction, when mouse is moved in bottom direction, move follower in top direction

Simply move #follower in opposite direction of mouse move events (move fullscreen div)

var mouseX = 0, mouseY = 0;
$(document).mousemove(function(e){
   mouseX = e.pageX;
   mouseY = e.pageY; 
});

// cache the selector
var follower = $("#follower");
var xp = 0, yp = 0;
var loop = setInterval(function(){
    // change 12 to alter damping higher is slower
    xp += (mouseX - xp) / 12;
    yp += (mouseY - yp) / 12;
    follower.css({right:xp, bottom:yp});

}, 30);


<div id="wrapper">
    <div id="follower" ></div>
</div>


#wrapper {
width: 100%;
 height: 100%;
margin: 0 auto;
background:#C6C;
overflow: hidden;
}

#follower{
    background:#ffc801
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;


}