scale

The scale component defines a shrinking, stretching, or skewing transformation of an entity. It takes three scaling factors for the X, Y, and Z axes.

All entities inherently have the scale component.

Example

The example below shrinks the entity in half along the X direction, maintains the same scale factor along the Y direction, and stretches the entity by two-fold along the Z-direction:

            
              <
                a-entity
                scale=
                "0.5 1 2">
              </
                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.

If we set any of the scaling factors to 0, then A-Frame will assign instead a negligible value.

Reflection

Scaling factors can be negative, which results in a reflection.

A notable use for this is for sky spheres. Sky spheres contain the entire scene and have a texture mapped on the interior surface. To do this, we can reflect, or invert, the sphere in the Z-direction.

            
              <
                a-entity
                geometry=
                "primitive: sphere; radius: 1000"
            
            
              material=
              "src: sky.png"
            
              scale=
              "1 1 -1">
              </
                a-entity>