Three.JS 从世界坐标系转换到屏幕坐标系

三维投影与窗口坐标转换

最新推荐文章于 2025-03-11 13:49:44 发布

原创最新推荐文章于 2025-03-11 13:49:44 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

WebGL 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用THREE.js库中的Projector类进行三维向二维窗口坐标的投影，并通过实例展示了投影过程及关键参数的计算方法。

var projector = new THREE.Projector();

var world_vector = new THREE.Vector3(0,0,1);

var vector = projector.projectVector(world_vector, camera);

var halfWidth = window.innerWidth / 2;
var halfHeight = window.innerHeight / 2;

var result = {

	x: Math.round(vector.x * halfWidth + halfWidth),
	y: Math.round(-vector.y * halfHeight + halfHeight)

};