Three.js 设备方向控制在加载时指向特定目标答案

【问题标题】：Three.js Device Orientation Controls to point at a specific target on loadThree.js 设备方向控制在加载时指向特定目标
【发布时间】：2016-02-16 19:25:13
【问题描述】：

我正在使用 Three.js 中的设备方向控件来为 Google Cardboard 设置 Web 应用程序。当我加载场景时，相机的默认目标是 Y 方向（手机上的 Z），可能没有任何物体。我想在加载之前定义一个方向。有没有人对如何在不需要旋转场景中的对象的情况下执行此操作有任何建议？

提前感谢您的帮助！

【问题讨论】：

您有没有找到满意的解决方案？

标签： three.js device-orientation google-cardboard

【解决方案1】：

将您的相机添加到 THREE.Object3D()。旋转父对象。

【讨论】：

【解决方案2】：

我也遇到了同样的问题，问题似乎是由于我刚刚从https://vr.chromeexperiments.com 下载的 zip 文件中复制并粘贴了过时的 JS 文件。

替换：

  <script src="js/third-party/threejs/three.js"></script>
  <script src="js/third-party/threejs/StereoEffect.js"></script>
  <script src="js/third-party/threejs/DeviceOrientationControls.js"></script>
  <script src="js/third-party/threejs/OrbitControls.js"></script>

与：

<script src="https://cdn.rawgit.com/mrdoob/three.js/master/build/three.min.js"></script> 
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js"></script> 
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/effects/StereoEffect.js"></script> 
<script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/controls/DeviceOrientationControls.js"></script>

解决了我的问题。

【讨论】：

【解决方案3】：

使用查看功能

var vector = new THREE.Vector3( 1, 0, 0 );
camera.lookAt ( vector );

【讨论】：