three.js 3D坐标转化为2D屏幕坐标

最新推荐文章于 2024-08-21 16:08:40 发布

你蠢哭我咯

最新推荐文章于 2024-08-21 16:08:40 发布

阅读量5.9k

点赞数 1

分类专栏： three-js 文章标签： three-js 坐标

本文链接：https://blog.csdn.net/m0_38069630/article/details/75046191

版权

three-js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//创建一个3D坐标
var vector = new THREE.Vector3();  
//获取模型
var obj = scene.getObjectByName(modelName);
vector = vector.setFromMatrixPosition(obj.matrixWorld).project(camera);               
var halfWidth = window.innerWidth / 2;  
var halfHeight = window.innerHeight / 2;  
console.log(vector.x * halfWidth + halfWidth)
var result = {  
    x: Math.round(vector.x * halfWidth + halfWidth),  
    y: Math.round(-vector.y * halfHeight + halfHeight)
};  
//2D坐标
console.log(result)