6、React VR 开发：从基础变换到组件应用

React VR 开发：从基础变换到组件应用

1. 3D 空间中的向量与变换

在 VR 领域，3D 空间的方向至关重要。“vector”在 VR 语境中实际指的是“heading”，在 3D 空间里，物体不仅有水平方向的移动，还能上下移动，X、Y、Z 三个方向对我们来说都非常重要。

平移操作通常使用向量。当给一个对象的变换属性设置为 [0, 2, 0] 时，意味着该对象在 +Y 方向移动 2 个单位，而非一定移动到绝对位置 0,2,0 。不过，如果对象的原点在 0,0,0 ，那么结果是相同的。在平移 3D 对象时，需要考虑对象的原点以及其采用的是绝对定位还是相对定位。

变换（Transforms）是用于放置、定位、移动和缩放对象的方法，本质上是对对象或点的 X、Y、Z 坐标进行变换。在 React VR 中，变换通常是样式的一部分，例如：

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

变换的顺序非常重要。在 3D 中，变换不具有传递性，先平移再旋转和先旋转再平移，最终对象的位置是不同的。

2. React VR 中的变换节点与矩阵

在 React VR 中，变换（Transform）是大多数具