javascript - 如何在著名中使用 Transform.multiply 4x4？

Question

我正在尝试使用 Transform.multiply4x4() 移动表面修改器，但它似乎没有按预期工作。我试图旋转一个几乎平坦的表面，然后将其发送到远处。我的代码如下所示

       myModifier.setTransform(
            Transform.multiply4x4(
                Transform.rotateX(1.4), //rotate at the same time by 1.4 radians on the x axis 
                Transform.scale(0, 0, 1) //send back into the distance 
            ),
            {duration: 600}
        );

然而，唯一发生的事情是，连接到修改器的表面只是被推回到 X 轴上没有旋转的距离。我使用的 multiplyx4x 方法是错误的吗？我并不是想错开效果，我实际上是想同时实现它们。

Answer 1

您可能想改为链接您的修饰符。

<强> See this example jsBin

  var myRotateModifier = new Modifier({    
    origin: [0.5, 0.5],
    align: [0.5, 0.5],
  });
  myRotateModifier.setTransform(
    Transform.rotateX(1.4),
    {duration: 1000}
  );

  var myModifier = new Modifier();
  myModifier.setTransform(
    Transform.scale(0, 0, 1),
    {duration: 2000}
  );

  mainContext.add(myRotateModifier).add(myModifier).add(surface);

在这种情况下为什么不使用multiply4x4

multiply4x4 为您提供两个变换相乘的结果矩阵，然后应用该矩阵变换。它会产生您在代码中看到的结果。