# Add animation to 3d avatar

**URL:** <https://discourse.threejs.org/t/add-animation-to-3d-avatar/25554>\
**Category:** Questions\
**Tags:** materials\
**Created:** [April 21, 2021, 1:28pm UTC](https://discourse.threejs.org/t/add-animation-to-3d-avatar/25554 "2021-04-21T13:28:33Z")\
**Posts on this page:** 3\
**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:** [April 21, 2021, 1:28pm UTC](https://discourse.threejs.org/t/add-animation-to-3d-avatar/25554/1 "2021-04-21T13:28:33Z")

</div>

Using Readyplayer we designed a human avatar (.glb) file. Now we need to add basic animation like walking, face smile etc and run the avatar from our web browser.

We are refering to the link [three.js examples](https://threejs.org/examples/#webgl_animation_skinning_additive_blending)  
How can we upload our 3d avatar into the above animation to get this walking/running etc

Pls suggest

Thanks vij

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [April 22, 2021, 8:40am UTC](https://discourse.threejs.org/t/add-animation-to-3d-avatar/25554/2 "2021-04-22T08:40:56Z")

</div>

These are just static examples - the animation in the one you linked is created using [a skeleton / armature](https://www.youtube.com/watch?v=cZ3o5tjO51s&ab_channel=Blender) loaded along with the 3D model (you can see the source code and how it’s implemented by clicking the button on the bottom-right of the example preview.)

To animate your model, you’d need to create or properly bind a skeleton to it - then use an animation mixer and actions to [play the actual animation](https://threejs.org/docs/?q=anima#manual/en/introduction/Animation-system).

---

<div class="post-metadata">

**Author:** ![sylwesterdigital](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sylwesterdigital/32/11792_2.png) [@sylwesterdigital](https://discourse.threejs.org/u/sylwesterdigital)\
**Post date:** [April 22, 2021, 9:08am UTC](https://discourse.threejs.org/t/add-animation-to-3d-avatar/25554/3 "2021-04-22T09:08:31Z")

</div>

One of the more convenient methods is to build the model in 3D software like Blender and create there all the animation actions for the mixer. [Animation & Rigging — Blender Manual](https://docs.blender.org/manual/en/latest/animation/index.html)