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

//创建一个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)

three.js 3D坐标转化为2D屏幕坐标相关推荐

D3D坐标系统下3D世界坐标映射到2D屏幕坐标的平移矩阵
D3D坐标系统下3D世界坐标映射到2D屏幕坐标的平移矩阵,有需要的朋友可以参考下. D3D中绘画3D模型基本上就是靠3个矩阵World, View, Projection来联合进行模型位置定位.视角定 ...
将3D坐标转成2D坐标的方法
将3D坐标转成2D坐标的方法.3D坐标在Unity中称作World Space,2D坐标称作Screen Space, 是以pixel为基准,以iPad 1024 x 768(4:3)的解析度为例子: ...
OpenGL: 3D坐标到屏幕坐标的转换逻辑（gluProject的实现）(转)
OpenGL: 3D坐标到屏幕坐标的转换逻辑(gluProject的实现) 遇到需要将3D坐标转换到屏幕坐标的问题,在网上很多朋友也在寻找答案,下面是glu中gluProject函数的实现.(实际上就 ...
Solidworks二次开发-3D坐标转2D坐标
一.3D坐标转2D坐标指在零件层面获得的点坐标,在进入草图编辑状态时,该点转换为在草图中的坐标值,只有XY轴: 注:如需将装配体层面的坐标转换为零件草图的坐标,需先将绝对坐标转换为零件的相对坐标,然后 ...
Three.js 3D建模必备基础
在 three.js 中,可见对象由几何体和材质构成. 我们已经了解了如何创建适用于点和线图元的简单几何图形,并且遇到了各种标准网格几何图形,例如 THREE.CylinderGeometry 和 T ...
IROS 2021 | 相机数据转化为2D激光伪标签的自监督学习行人检测
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达作者丨泡泡机器人来源丨泡泡机器人SLAM 标题:Self-Supervised Person De ...
3d点投影到2d屏幕，矩阵计算
3d点投影到2d屏幕,矩阵计算背景算法完整代码待更新背景最近在优化VIBE输出的3D关节点抖动问题.需要将3D点投影到2D屏幕上.3D点通过相机投影到2D屏幕上,通过一系列矩阵相乘可以求得 ...
android stl 3d模型,3D文件转化为STL文件 - 魔猴网
魔猴网免费在线3D文件转化工具常见问题 Q:什么是3D文件转化工具 A:3D文件转化工具是魔猴网针对3D打印文件推出的免费在线工具,可以将20多种常见的3D文件格式转化为可3D打印的文件格式,即stl ...
html 3d坐标,CSS3三维变形，transform，3D，视角知识
CSS3-3D相关知识详解-视角以及变形方向 HTML5学堂:视角以及变形方向.HTML5中非常不错的一个变革,便是将特效从二维平面上的变化,推进到了三维立体当中.而实现这个的功能就是CSS3!对于三 ...

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

three.js 3D坐标转化为2D屏幕坐标相关推荐

最新文章

热门文章