3D coordinate system

For mapping in a 3D space, React 360 uses a three-dimensional meter based coordinate system similar to the OpenGL® 3D Coordinate System, allowing individual components to be transformed, moved, or rotated in 3D relative to the layout in their parent component.

The 3D coordinate system used in React 360 is a right-handed system. This means the positive x-axis is to the right, the positive y-axis is up, and the positive z-axis is backwards. This provides a better mapping with common coordinate systems of the world space in assets and 3D world modeling. 

If we try to visualize the 3D space, the user starts out at the center of the X-Y-Z axes pictured in the next image. The Z-axis points forward toward the user and the user ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.