如何让 Three.js 相机看物体的面部
How do I make the Three.js camera look at the face of an object?
我有一个由六边形和五边形组成的球体,我试图让相机直接看一个特定的六边形 - 所以用户视图的中心是十六进制,它是平坦的。
六边形是使用六边形.js插件(https://github.com/arscan/hexasphere.js/tree/master(制作的。我能够从构成十六进制的网格对象中提取信息。但是我不知道如何获取对象信息并告诉相机去哪里。
我尝试使用网格的正常矩阵元素并找到欧拉角 - 但我不知道如何处理它们。
好的,我找到了解决方案。六边形插件为面的中心点提供了hexasphereObj.tiles[i].centrePoint
,这是一个点对象,它有一个方法project(radius, percent)
该方法,该方法从六边形的中心到面部中心获取投影处的点的坐标。
然后我能够将相机移动到这个投影点,让它看六边形的中心。
相关文章:
- 如何使相机跟随地形's在此示例中的高度:http://threejs.org/examples/#webgl_t
- 单击以将相机放置在Three js中的对象附近
- 高速全屏JS面部检测
- 将相机添加到Three.js中的场景的原因
- 如何在three.js中实现不同相机/场景之间的交叉渐变
- cordova.js/Camera.js无法使用相机功能
- HTML5相机缓冲和延迟(延迟镜像)
- Phonegap相机在画布上的绘制失真
- 三.js - 自 r69 以来如何链接/添加相机灯
- 钛:从Android的相机/图库图像本地保存文件
- 投影仪和带有正交相机的射线
- 三.js - 如何获取相机相对于原点的位置
- 为什么我不能在 Django Web 应用程序中使用客户端相机拍摄图像快照
- 从移动相机拍摄图像并在上传前预览
- SVG相机平移每次都保持重置为0
- 如何旋转相机,使其面向/高于球体上的点(Three.js)
- 如何在three.js中将相机自动对焦到一个点上
- 如何在Windows 8中正确初始化相机
- 在Windows8Javascript中关闭相机的正确方法是什么
- 如何让 Three.js 相机看物体的面部