鼠标位置归一化

-

场景：

假设整个平面式画布，原点在平面中心点，上下分别为 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;
})

 

 

 

 

 

-