type
status
date
slug
summary
tags
category
icon
password
话不多说，直奔主题，主要是理解几个概念
标题说的
屏幕坐标系其实就是我们熟知的 canvas 坐标系（左上角是坐标原点），如下图所示
我们通过监听 mousedown 事件，拿到的 event.clientX，event.clientY 其实就是
屏幕坐标系的坐标位置，而 ThreeJS 中空间坐标系是三维的，其原点默认在屏幕中心，且 x y z 的范围是 [-1,1]，因此其 x、y 轴在屏幕坐标系中的表示就是如下图所示，这也就是传说中的标准设备坐标系
综上所述，我们要将屏幕坐标转世界坐标系就需要经过两个步骤：屏幕坐标 -> 标准设备坐标 -> 世界坐标
- 作者:NotionNext
- 链接:https://tangly1024.com/6c3b56be-8b26-4611-982d-e016313c4f86
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。