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

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 );
  }
});

我没有测试过它，但它应该可以工作。