使用dat.gui滑块在three.js中从Blender json / collada旋转骨骼

Question

我想知道如何操作从Blender导出的json / collada文件的骨骼。试图这样做一段时间无济于事。

我希望能够使用滑块（通过dat.gui）旋转每个骨骼

有人能指出我正确的方向或帮助吗？

我想最终得到一个人体模型，我可以使用dat.gui滑块操纵每个骨骼/肢体

Answer 1

如Dat.GUI docs所述，您应该像这样创建gui：

var gui = new dat.GUI();
document.body.appendChild( gui.domElement );

function addBoneSliders(bone) {
  var folder = gui.addFolder( bone.name );

  folder.add( bone.rotation, 'x' );
  folder.add( bone.rotation, 'y' );
  folder.add( bone.rotation, 'z' );
}

，并在您的加载器回调中

collada.scene.traverse( function ( child ) {
  if ( child instanceof THREE.Bone ) {
    addBoneSliders( child );
  }
});

我没有测试过，但它应该有用。