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> |