javascript - 在三个 JS 中创建转换管道

Question

我正在努力解释我的问题，所以请多多包涵。

是否有一种推荐的方法可以将相同的变换重新应用于每一帧的原始形状中的对象，以便在变换更改原始对象时可以很容易地看到差异。在下面的伪代码中，有一个“原始对象”。在每一帧中，我们将当前变换应用于原始对象，以便我们可以看到差异。

UI Slider: Scale
UI Slider: Rotate
UI Slider: Position

For each frame {
  Original Object -> ApplyCurrentScale -> ApplyCurrentRotate -> ApplyCurrentPosition    
  Render New Object     
}

这样，当您更改变换时，您可以实时观察效果。我希望这是有道理的。

Answer 1

这是从滑块中提取参数后要遵循的模式：

object.scale.set( s, s, s );

object.setRotationFromAxisAngle( axis, angle ); // r.59

object.position.set( x, y, z );

renderer.render( scene, camera );

另一种设置旋转的方法是：

object.rotation.y = angle;

三.js r.59