javascript - 如何让 Three.js 相机看到物体的脸部?

标签 javascript three.js

我有一个由六边形和五边形组成的球体,我试图让相机直接看到特定的六边形 - 因此用户 View 的中心是六边形并且它是平坦的。

六边形是使用 hexasphere.js 插件 ( https://github.com/arscan/hexasphere.js/tree/master ) 制作的。我能够从构成六 Angular 形的网格对象中提取信息。但我不知道如何获取物体信息并告诉相机去哪里。

我尝试使用网格的法线矩阵元素并找到欧拉 Angular - 但我不知道如何处理它们。

最佳答案

好的,我已经找到解决方案了。 hexasphere 插件通过 hexasphereObj.tiles[i].centrePoint 提供面的中心点,它是一个点对象,并且有一个方法 project(radius,percent) ,该方法获取从六球体中心穿过面中心的投影上的点的坐标。

然后我能够将相机移动到这个投影点并让它观察六球体的中心。

关于javascript - 如何让 Three.js 相机看到物体的脸部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34010976/

相关文章:

javascript - 在 Three.js 中获取 Object3D 的大小

javascript - AngularJS: Uncaught Error :[$injector:modulerr]

javascript - 将对象数组转换为字符串数组

javascript - Firefox:以编程方式触发自动滚动

javascript - three.js 中的碰撞墙

javascript - 如何在 Three.js 中实现不同摄像机/场景之间的交叉淡入淡出?

Javascript Onclick 按钮 - 取消第二次点击时执行的操作

JavaScript HTML5-Canvas - 使用 SetInterval 绘制圆弧会导致锯齿状边缘

javascript - WebGL Three.js 重复内容

javascript - 在 three.js 中勾勒出一个 3d 对象