Создание Transformation Pipeline в Three 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; 

Three.js R.59