编程语言
首页 > 编程语言> > javascript – 如何在A-Frame中反转拖动旋转?

javascript – 如何在A-Frame中反转拖动旋转?

作者:互联网

一个简单的问题.我用了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>

如何通过拖动鼠标反转roation? (从左到右,从右到左 – 这样的事情)

解决方法:

A-Frame 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这仍然只适用于桌面计算机上的鼠标拖动,并且不适用于移动设备上的触摸拖动.

标签:drag,javascript,aframe,mouse
来源: https://codeday.me/bug/20190824/1703067.html