rotation

优质

小牛编辑

126浏览

2023-12-01

The rotation component defines the orientation of an entity. It takes the roll ( x), pitch ( y), and yaw ( z) as three space-delimited numbers indicating degrees of rotation.

All entities inherently have the rotation component.

Example

            
              <
                a-entity
                rotation=
                "45 90 180">
              </
                a-entity>

Value

A-Frame uses a right-handed coordinate system. When aligning our right hand’s thumb with a positive axis, our hand will curl in the positive direction of rotation.

Axis	Description	Default Value
x	Roll, rotation about the X-axis.	0
y	Pitch, rotation about the Y-axis.	0
z	Yaw, rotation about the Z-axis.	0

Relative Rotation

Child entities inherit from world-space rotations from parent entities. Consider this scene:

            
              <
                a-entity
                id=
                "parent"
                rotation=
                "0 45 0">
            
              <
                a-entity
                id=
                "child-1">
              </
                a-entity>
            
              <
                a-entity
                id=
                "child-2"
                rotation=
                "15 45 30">
              </
                a-entity>
            
              </
                a-entity>

The world-space rotation of #child1would be 0 45 0as inherited by the entity. In the local parent’s space, #child1‘s rotation would be 0 0 0.

The world-space rotation of #child2would be 15 90 30, by combining the rotation with the parent entity. In the parent’s local space, #child2‘s rotation would be 15 45 30.