鼠标位置归一化

-

场景:

假设整个平面式画布,原点在平面中心点,上下分别为 1,-1,左右分别为 -1,1;

怎么将鼠标位置归一化呢?

window.addEventListener('click', (event) => {
  console.log(event.clientX, event.clientY);
  // 设置鼠标向量的x、y值
  // 需要将x、y归一化(假设平面顶部和底部是1和-1,右侧和左侧为1和-1)
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  // mouse.y = -((event.clientY / window.innerHeight) * 2 - 1);
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
})

 

 

 

 

 

-

posted @ 2025-01-04 17:51  古墩古墩  Views(1)  Comments(0Edit  收藏  举报