Mouse Effect04

let x = 0;
let y = 0;
let mouseX = 0;
let mouseY = 0;
let angleX = 0;
let angleY = 0;
let fmouseX = 0;
let fmouseY = 0;

$(window).mousemove(function(e){
    x = e.pageX; //마우스 X축 좌표값
    y = e.pageY; //마우스 Y축 좌표값

    //mouseX = $(window).width()/2 -x;  //마우스 X축 좌표값을 가운대로 설정
    //mouseY = $(window).height()/2 -y; //마우스 Y축 좌표값을 가운대로 설정

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

    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 max = 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 round = Math.round(20.49) //20
    // let round = Math.round(20.5) //21
    // let round = Math.round(20) //20

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

    //console.log(random)

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

    //출력용
    $(".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)"});
    }
});