Mouse Effect04

 let x=0,
    y=0,
    mouseX=0,
    mouseY=0,
    angleX=0,
    angleY=0,
    fmouseX=0,
    fmouseY=0;
$(window).mousemove(function(e){
    x = e.pageX  //마우스 X축 좌표값
    y = e.pageY  //마우스 Y축 좌표값
    // let mouseX = $(window).width()/2 -x   //마우스의 X축 좌표값을 가운데로 설정
    // let mouseY = $(window).height()/2 -y  //마우스의 Y축 좌표값을 가운데로 설정




    // 마우스의 x축 y축 최소값 -100 최대값 100으로설정 
    mouseX = Math.max(-100,Math.min(100,$(window).width()/2 -x ))
    mouseY = Math.max(-100,Math.min(100,$(window).height()/2 -y ))

    angleX = (12*mouseX)/100
    angleY = (12*mouseY)/100

    fmouseX += (angleX-fmouseX) *1/10
    fmouseY += (angleY-fmouseY) *1/10


    animation();





    //mouseX의 값을 최고값 20,최저값-20 제한

    // let max = Math.max(100,200);
    // let min = Math.min(100,200);

    // let xx = 100; let yy=-200;
    // let zz = Math.min(xx,yy);

    // let arr = [100,200,300];
    // let max = Math.max(...arr)


    // 주어진 숫자보다 크거나 같은 숫자중 가장 작은 숫자
    // let ceil = Math.ceil(0.95) //1
    // let ceil = Math.ceil(4) //4
    // let ceil = Math.ceil(6.00005) //7
    // let ceil = Math.ceil(-0.95) //-0
    // let ceil = Math.ceil(-4) //-4


    // 주어진 수 이하의 가장 큰 정수
    // let floor  = Math.floor(39.35)//39
    // let floor  = Math.floor(39.85)//39
    // let floor  = Math.floor(4)//4
    

    // 입력값을 반올림한 값의 가장 가까운 정수를 출력
    // let reund = Math.round(20.49)//20
    // let reund = Math.round(20.50)//21
    // let reund = Math.round(20)//20



    // 랜덤 0~1사이 값
    // let random = Math.floor(Math.random() *10);

    // console.log(random);

    //커서
    gsap.to(".cursor",{left: x ,top:  y})


    //출력용
    $(".pageX").text(x)
    $(".pageY").text(y)
    $(".mouseX").text(mouseX)
    $(".mouseY").text(mouseY)
    $(".angleX").text(angleX)
    $(".angleY").text(angleY)
    $(".fmouseX").text(fmouseX)
    $(".fmouseY").text(fmouseY)
})

function animation(){
    $(".move-image").css({"transform": "translate(-50%,-50%) perspective(600px) rotateX("+fmouseY+"deg) rotateY("+fmouseX+"deg)"});
    requestAnimationFrame(animation)
}