Getting Started with React VR

Transforms

This is not a book about bizarre foldable robots, so we are talking about transforms, not Transformers. 

Transforms are ways to place, position, move, and scale objects, essentially, anything that transforms the X, Y, Z coordinates of an object, point, and so on. 

In React VR, transforms are usually part of a style. For example: 

style={{    transform: [      {rotateZ : this.state.rotation},      {translate: [0, 2, 0]},      {scale : 0.01 },    ],  }

Transform order is very important. As we discussed earlier, in 3D, transforms are not transitive—if you translate, then rotate, you end up in a different spot than if you rotate, then translate. Remember the book example?

In React VR, the Transform is a standard props node for most objects that have a physical ...