阅读数:3 评论数:0

一、归一化设备坐标

在屏幕像素坐标系统中：

• X 轴的正方向是从左到右，和归一化设备坐标系统一致。
• Y 轴的正方向是从上到下，这与归一化设备坐标系统 相反。

在归一化设备坐标 (NDC) 系统中：

• X 轴范围为 [-1, 1]（左为 -1，右为 1）。
• Y 轴范围为 [-1, 1]（上为 1，下为 -1）。

二、鼠标事件的位置转归一化坐标

const mouse = new THREE.Vector2(
        (event.clientX / el.offsetWidth) * 2 - 1,
        -(event.clientY / el.offsetHeight) * 2 + 1
      )