인프런 커뮤니티 질문&답변

시간이 지나면서 빨간 박스가 커서에 따라붙는데 걸리는 시간이 점점 줄어들고 나중에는 완전히 딱 붙어 다니게 됩니다.

저만 이런건가요? 아니면 강사님 코드도 나중에 그렇게 되나요?

만약에 저만 그런거라면... 코드는 몇번을 재확인 해도 똑같이 친거 같은데 뭐가 문젤까요?

let h1, cursorItem;
let x = 0, y = 0;
let mx = 0, my = 0;
let speed = 0.001;

window.onload = function() {
    h1 = document.querySelector('.test-h1');
    cursorItem = document.querySelector('.cursor-item');
    
    function mouseFunc(e) {
        x = e.clientX;
        y = e.clientY;                
        loop();
    }

    window.addEventListener('mousemove', mouseFunc, false);
};

function loop() {
    mx += (x - mx) * speed;
    my += (y - my) * speed;
    h1.innerHTML = `x: ${x}, mx: ${mx}`;

    cursorItem.style.transform = `translate(${mx}px, ${my}px)`;
    window.requestAnimationFrame(loop);
}