Как инвертировать вращение в A-Frame?

Question

Простой вопрос. Я использовал 4-6 часов, чтобы найти это, но не нашел.

Пример, Im построение зрителя панорамы: <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 путем перетаскивания мышью? (слева направо, справа налево - что-то вроде этого)

Answer 1

я опубликовал обратной просмотровых управляет компонент, пока мы не введем более расширяемые управления.

Обратный Смотри управления Компонент:https://github.com/ngokevin/kframe/tree/master/components/reverse-look-controls

---

Демо:

<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script> 
 
<script src="https://rawgithub.com/ngokevin/kframe/master/components/reverse-look-controls/dist/aframe-reverse-look-controls-component.min.js"></script> 
 

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

Answer 2

-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 работает это еще только мыши, перетаскивая на настольных машинах, и не работает с сенсорным перетаскиванием на мобильном телефоне.

Answer 3

После внедрения 0.6.0 я чувствую, что это не предполагаемое поведение при работе на a-видеосфере.

Я был в состоянии получить предполагаемое поведение путем изменения линий 67607 и 67608 с * -1

AFRAME-v0.6.0.js

var currentRotationX = radToDeg(this.pitchObject.rotation.x * -1); 
var currentRotationY = radToDeg(this.yawObject.rotation.y * -1);