使用设备定向控制旋转Three.js对象

Question

使用设备定向控制旋转Three.js对象

5

我想实现与 Google 的 Cardboard 应用程序中的“展览”示例类似的效果。我有一个想要使用设备方向控制旋转的 3D 对象。目前仅使用设备方向控制，我可以查看 3D 对象，但当我转身时，相机会旋转（似乎）导致对象消失，直到我完全回到开始的位置。换句话说，当我四处张望时，相机似乎围绕其轴线旋转。我想要的是能够在我转身时旋转对象。

就像这个例子 http://threejs.org/examples/#misc_controls_orbit，只不过我想使用设备方向控制旋转。

您有任何想法如何实现此功能吗？

感谢您的帮助。

- sandav

2

你应该能够通过修改http://threejs.org/examples/misc_controls_deviceorientation.html来控制盒子网格，而不是相机。 - WestLangley

WestLangley，我按照你的建议猜测将“camera”替换为我的3D对象，并且它奏效了！这太神奇了。感谢你对重新考虑设备方向示例的基本推动。我之前看过那个示例，但由于文档仍在建设中，我很难理解如何操纵它以获得我想要的结果。无论如何，感谢你的帮助！ - sandav

我有一个关于这个的问题。3D对象开始旋转，但是以一种非常不直观的方式，你知道我的意思吗？你知道如何使它以与vr.chromeexperiments.com中的一个示例相同的方式旋转吗？具体来说，就是那个中间有一个球的例子。 - Alvaro

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sandav · Accepted Answer

我的回答是，对于未来的搜索者，需要将 camera 替换为

controls = new THREE.DeviceOrientationControls(camera, true);

使用3D对象进行旋转。