DeviceOrientationControls.js - 校准到理想的起始中心
DeviceOrientationControls.js - Calibration to ideal starting center
我正在使用等距柱状视频作为球体的纹理。你可以用鼠标在环境中平移，但在移动设备上，我想使用这个解决方案：https://github.com/mrdoob/three.js/blob/master/examples/js/controls/DeviceOrientationControls.js
效果很好，但是，我不确定如何 "calibrate" 或 "orient" 开始到一个理想的中心。由于视频以视频死点处的徽标开始，因此用户必须四处移动设备才能找到它的位置。开始时，我想调整球体或相机的方向，使用户看到的 "center" 成为理想的起点。我想这是围绕 Y 轴的初始校准？
抱歉，我对使用的术语不是很熟悉。如果我可以帮助澄清，请告诉我。我的理解肯定存在根本性差距。
我在获取初始 alpha 并将其用作向上期间的偏移量方面取得了一些成功，但方向变化对此产生了负面影响。
预先感谢您的帮助。
编辑：这是一张粗略的图。更新于 2015 年 14 月 3 日。
http://i.imgur.com/Mds036U.jpg
根据@WestLangley 的评论，我可以旋转网格。这会很好用，但我需要能够根据初始偏移量旋转网格，以确保球体最初旋转到开始时的 'same' 点。
您正在使用 DeviceOrientationControls，并查看球体网格内表面上的纹理。
如果要对球体上的纹理应用初始旋转，可以使用此模式：
mesh.material.map.wrapS = mesh.material.map.wrapT = THREE.RepeatWrapping;
mesh.material.map.offset.set( 0.25, 0 ); // quarter-turn
或者，在您的情况下，您可以旋转球体，而不是：
mesh.rotation.set( 0, Math.PI / 2, 0 );
three.js r.70
我正在使用等距柱状视频作为球体的纹理。你可以用鼠标在环境中平移，但在移动设备上，我想使用这个解决方案：https://github.com/mrdoob/three.js/blob/master/examples/js/controls/DeviceOrientationControls.js
效果很好，但是，我不确定如何 "calibrate" 或 "orient" 开始到一个理想的中心。由于视频以视频死点处的徽标开始，因此用户必须四处移动设备才能找到它的位置。开始时，我想调整球体或相机的方向，使用户看到的 "center" 成为理想的起点。我想这是围绕 Y 轴的初始校准？
抱歉，我对使用的术语不是很熟悉。如果我可以帮助澄清，请告诉我。我的理解肯定存在根本性差距。
我在获取初始 alpha 并将其用作向上期间的偏移量方面取得了一些成功，但方向变化对此产生了负面影响。
预先感谢您的帮助。
编辑：这是一张粗略的图。更新于 2015 年 14 月 3 日。
http://i.imgur.com/Mds036U.jpg
根据@WestLangley 的评论，我可以旋转网格。这会很好用，但我需要能够根据初始偏移量旋转网格，以确保球体最初旋转到开始时的 'same' 点。
您正在使用 DeviceOrientationControls，并查看球体网格内表面上的纹理。
如果要对球体上的纹理应用初始旋转，可以使用此模式：
mesh.material.map.wrapS = mesh.material.map.wrapT = THREE.RepeatWrapping;
mesh.material.map.offset.set( 0.25, 0 ); // quarter-turn
或者，在您的情况下，您可以旋转球体，而不是：
mesh.rotation.set( 0, Math.PI / 2, 0 );
three.js r.70