2017-09-11 5 views
0

Die Dokumentation über die Rotation-Tag sagt, dass Z vertikal (Gieren ist eine Drehung um die vertikale) https://aframe.io/docs/0.6.0/components/rotation.html Aber dieses Beispiel https://codepen.io/bryik/pen/GZLoQvZeigt Z nach oben oder zeigt Y nach oben?

<!-- y-roll or "yaw" --> 
 
    <a-plane id="yaw" material="color: #4CC3D9; side: double" position="0 2 0" rotation="0 45 0" width="2" height="2"></a-plane>

Zeigt, dass Y zeigt nach oben, nicht Z Gibt es einfach einen Fehler in der Dokumentation?

+0

Dank, ein Update auf die Dokumentation für das Schieben. – ngokevin

Antwort

0

Die Docs könnten abgehört werden, aber das hängt wirklich von Ihrer Orientierung ab. (Z ist in der Regel Gieren)

<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script> 
<a-scene> 
    <a-text value="PITCH (X)" color="#333" position="-0.5 5.5 -5"></a-text> 
    <a-plane position="0 4 -5" rotation="0 0 0" width="2" height="2" color="blue"><a-animation attribute="rotation" 
       dur="800" 
       fill="none" 
       to="360 0 0" 
       repeat="forwards" 
       ></a-animation></a-plane> 
    <a-text value="YAW (Y)" color="#333" position="-3.5 3.5 -5"></a-text> 
    <a-plane position="-3 2 -5" rotation="0 0 0" width="2" height="2" color="green"><a-animation attribute="rotation" 
       dur="800" 
       fill="none" 
       to="0 360 0" 
       repeat="forwards" 
       ></a-animation></a-plane> 
    <a-text value="ROLL (Z)" color="#333" position="2.5 3.5 -5"></a-text> 
    <a-plane position="3 2 -5" rotation="0 0 0" width="2" height="2" color="red"><a-animation attribute="rotation" 
       dur="800" 
       fill="none" 
       to="0 0 360" 
       repeat="forwards" 
       ></a-animation></a-plane> 
</a-scene> 

https://jsfiddle.net/f922j0th/