폴리프레임

mouseMove다루는 장치: 마우스지원하는 브라우저: 모든 주요 브라우저에서 지원이벤트 속성: clientX, clientY, pageX, pageY 등용도: 대부분의 마우스 이동 동작을 추적하는 데 사용됩니다.const mousePosition = new THREE.Vector2();window.addEventListener('mousemove', (e)=>{ mousePosition.x = (e.clientX / window.innerWidth) * 2 - 1; mousePosition.y = -(e.clientY / window.innerHeight) * 2 + 1 ;})pointermove다루는 장치: 마우스, 터치, 스타일러스 펜 등 다양한 입력 장치지원하는 브라우저: 최신 브라우저에서 지..

JavaScript 2024. 12. 17. 10:20

1. 이벤트 지원 장치mousemove: 마우스 입력에만 반응하며, 일반적인 데스크탑 환경에서 마우스의 움직임을 추적할 때 사용됩니다.pointermove: 포인터 입력을 포괄하여, 마우스뿐만 아니라 터치, 스타일러스 등 여러 입력 장치에 대해 반응합니다. pointermove는 다양한 장치에서 입력을 통합적으로 처리할 수 있어, 반응형 디자인과 같은 다양한 입력 지원이 필요할 때 유리합니다.2. 브라우저 호환성mousemove: 오랫동안 모든 브라우저에서 지원해왔으며, 모든 마우스 이벤트를 지원하는 환경에서는 무난히 사용할 수 있습니다.pointermove: 최신 브라우저에서 지원되며, 특히 Edge 및 크롬 기반 브라우저는 pointermove와 관련된 기능을 잘 지원하지만, 일부 오래된 브라우저에서..

JavaScript 2024. 10. 28. 12:04