Positioning

Note: This documentation is for the old 0.1.0 version of A-Frame. Check out the documentation for the current 1.5.0 version

To move an element or change its relative size, you can add attributes for position, rotation, and scale.

<a-cube position="0 0 0" rotation="0 0 0" scale="1 1 1"></a-cube>

In the A-Frame coordinate system, +X can be roughly thought of as “right”, +Y is “up”, and “+Z” is towards the default camera. In 3D graphics this is called a right-handed cartesian coordinate system, with Y-axis up.

Distances in A-Frame are defined in meters. When designing a scene for virtual reality it is very important to consider the real world scale of the objects we create. A cube with height="100" may look fairly ordinary on our laptop screen, but in virtual reality we will perceive it as a massive 100 meter tall monolith.

Rotations in A-Frame are defined in degrees:

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