CODEWITHSUNDEEP
reactjsthree.jsreact-three-fiberskeletal-meshreact-three-drei
Aravind Jaimon
Aravind Jaimon

Reputation: 85

How to get control over skeleton of a GLB model in THREE.JS?

I have generated an avatar, In glb format. But when I render the same the hands are stretched out. The model has a skeleton. But how do I get access to the skeleton such that I can bring its hands down or make the person sit on a chair etc? The technology I am using is THREE.js with react, react-three-fiber,react-three-drei, etc

enter image description here

Upvotes: 0

Views: 1741

Answers (1)

cubesareneat
cubesareneat

Reputation: 322

https://jsfiddle.net/bdmrg4oc/1/ if you want to do more complex actions (like siting) i suggest making animations in an animation program like blender and then importing them

    const loader = new THREE.GLTFLoader();
    loader.load( 'https://threejs.org/examples/models/gltf/Soldier.glb', function ( gltf ) {

        const model = gltf.scene;
        
        rightArm = model.getObjectByName( 'mixamorigRightArm' );

        scene.add( model );

    } );

rightArm.rotation.z += Math.sin( t ) * 0.005;

Upvotes: 1

Related Questions