Utiliser les curseurs dat.gui pour faire tourner les os de Blender json/collada dans trois.js

Question

Je veux savoir comment manipuler les os d'un fichier json/collada exporté de Blender. Été essayer de le faire pendant un moment en vain.

Je veux être en mesure d'utiliser les curseurs (par dat.gui) pour faire tourner chaque os

Quelqu'un peut-il me diriger dans la bonne direction ou de l'aide?

Je veux finir avec un modèle humain, où je peux manipuler chaque os/membre avec les curseurs dat.gui

Answer 1

Comme indiqué dans le Dat.GUI docs, vous devez créer l'interface utilisateur graphique comme celui-ci:

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

et, dans votre chargeur rappel

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

Je ne l'ai pas testé, mais il devrait fonctionner.