javascript - 如何在A框架中反转拖动旋转？

一个简单的问题。我用了4到6个小时来找到它，但没有找到。

例如，我正在构建一个全景查看器:<a-sky>

<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>


<a-scene>
  <a-sky src="https://aframe.io/aframe/examples/boilerplate/panorama/puydesancy.jpg" rotation="0 -130 0"></a-sky>
</a-scene>

如何通过拖动鼠标来反转旋转？ (从左到右，从右到左-像这样)

最佳答案

A框架0.6.0

现在，使用相机上的look-controls="reverseMouseDrag: true"属性将反向旋转拖动方向的功能内置到框架中。

<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>


<a-scene>
  <a-entity camera look-controls="reverseMouseDrag: true"></a-entity>
  <a-sky src="https://aframe.io/aframe/examples/boilerplate/panorama/puydesancy.jpg" rotation="0 -130 0"></a-sky>
</a-scene>

注意-according to this issue仍然仅适用于在台式机上拖动鼠标，不适用于移动设备上的触摸拖动。