three.js - 使用 Three.js 从 2D 投影到 3D

Question

我如何将 2D 坐标投影到 3D 上？

例如，我有一个 256 像素宽的图像(表示为粒子)。如果我假设此图像在 2D 空间中以原点 (0,0) 为中心，则正方形的垂直边位于 x = 128 和 x = -128。

因此，当此图像(粒子)放置在原点 (0,0) 的 Three.js 场景中并且相机位于距原点的 CamZ 距离处时，那么我如何将原始 2D 坐标投影到 3D，其中tern 会告诉我图像(粒子!)以 three.js 为单位出现在屏幕上的宽度。

Answer 1

一种易于理解的方法是创建一个顶点位于 -128, 128, 0, 128, 128, 0, -128, - 128, 0 和 128, -128, 0。然后使用 Projector 使用相机投影该几何体。它将为您提供一个应该从 -1 到 1 的投影点数组。然后您需要将其乘以视口(viewport)大小。