# Add animation using .fbx file to 3d avatar

**URL:** https://discourse.threejs.org/t/add-animation-using-fbx-file-to-3d-avatar/29668
**Category:** Questions
**Tags:** textures, materials, animation, gltf-loader
**Created:** [September 7, 2021, 11:25am UTC](https://discourse.threejs.org/t/add-animation-using-fbx-file-to-3d-avatar/29668 "2021-09-07T11:25:00Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![vijay\_krishna](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vijay_krishna/32/17775_2.png) [@vijay\_krishna](https://discourse.threejs.org/u/vijay_krishna)
#### Post date: [September 7, 2021, 11:25am UTC](https://discourse.threejs.org/t/add-animation-using-fbx-file-to-3d-avatar/29668/1 "2021-09-07T11:25:01Z")

</div>

Hi,

I downloaded animation set from mixamo(.fbx)

Already i have 3d character with simple skeleton file(.glb),

Using three.js how can i add animation to this glb file

I tried using  
[https://github.com/mrdoob/three.js/](https://github.com/mrdoob/three.js/) but i could not get specific example for this

I tried with this link [Simple Character Controller (using Three.js/JavaScript) - YouTube](https://www.youtube.com/watch?v=EkPfhzIbp2g) there was no exact shared code example for this

Any help on this would be great !

FYI: code snippet

```javascript
<html>
    <body>
    <div id="navbar"><span>Three.js </span></div>
    <script src="http://threejs.org/build/three.min.js"></script>

    <script type="module">

    import {GLTFLoader} from 'https://server:8000/sm/loaders/GLTFLoader.js';

  var scene = new THREE.Scene();

   const loader = new GLTFLoader();
   loader.load( './model.glb', function ( gltf ) {
  scene.add( gltf.scene );

  }, undefined, function ( error ) {

  console.error( error );

  } );

   </script>
    </body>
    </html>

```

Pls suggest some example it woud be great  
Thanks  
vijay
