在三个JS中创建转换管道

时间:2013-07-18 09:26:22

标签: javascript three.js transformation

我很难解释我的问题,所以请耐心等待。

是否有建议的方法将重复应用相同的变换应用于每个帧的原始形状的对象,以便在变换更改原始对象时可以轻松查看差异。在下面的伪代码中,有一个“原始对象”。在每个帧中,我们将当前变换应用于原始对象,以便我们可以看到差异。

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

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

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

1 个答案:

答案 0 :(得分:0)

从滑块中提取参数后,以下是要遵循的模式:

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;

three.js r.59