首页 > 3D > 坐标系:世界坐标-标准坐标-屏幕坐标之间转化
2019
06-10

坐标系:世界坐标-标准坐标-屏幕坐标之间转化

坐标系&坐标系转化算法

 clip_image002.png


clip_image003.jpg

Threejs的三维坐标系为右手坐标系。

Threejs世界坐标转化为屏幕坐标步骤:世界坐标-标准坐标-屏幕坐标

具体代码实现:

/**
 * 立方体世界坐标转屏幕坐标
 */
//获取网格模型boxMesh的世界坐标
var worldVector = new THREE.Vector3(
	boxMesh.position.x,
	boxMesh.position.y,
	boxMesh.position.z
	);
var standardVector = worldVector.project(camera);//世界坐标转标准设备坐标
var a = window.innerWidth / 2;
var b = window.innerHeight / 2;
var x = Math.round(standardVector.x * a + a);//标准设备坐标转屏幕坐标
var y = Math.round(-standardVector.y * b + b);//标准设备坐标转屏幕坐标


作者:admin
admin
TTF的家园-www.ttfde.top 个人博客以便写写东西,欢迎喜欢互联网的朋友一起交流!

本文》有 0 条评论

留下一个回复