Three.js 问题求助大佬

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 720 天前的主题，其中的信息可能已经有所发展或是发生改变。

绘制多边形的 shape 只能传入二维坐标，我现在是二维平面但是是三维坐标也想做类似绘制多边形的效果，有什么方法吗？关键是三维坐标点与点之间的 xyz 都是不一样的

坐标

多边

绘制

xyz

5 条回复 • 2022-12-09 18:27:24 +08:00

youtubbbbb

2022-12-04 06:50:55 +08:00

明确一下，你是希望在三维空间里绘制二维多边形还是多面体？

Like0602

2022-12-04 18:53:54 +08:00

类似二维多边形的

Like0602

2022-12-04 19:10:32 +08:00

我在屏幕上点击得到一些点然后将这点依次连成线，然后想就这些点和线绘制多边形，大概就是在二维平面但实际上是三维坐标

sakae010

2022-12-09 18:26:19 +08:00

二维坐标转三维就行了

function screenPositionToWorld(pos, element, camera) {
const vector = new THREE.Vector3(
(pos.x / element.clientWidth) * 2 - 1,
-(pos.y / element.clientHeight) * 2 + 1,
0
);
camera.updateWorldMatrix();
vector.unproject(camera);
return vector;
}

sakae010

2022-12-09 18:27:24 +08:00

我这边用的 client 的宽和高，你那边可能要修改能你窗口的宽高