# \#animation-mixer

**URL:** https://discourse.threejs.org/tag/animation-mixer/780.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Animation Layers](https://discourse.threejs.org/t/animation-layers/89851)

<div class="topic-metadata">

**Author:** [@jackbonaguro](https://discourse.threejs.org/u/jackbonaguro)\
**Replies:** 1\
**Last updated:** [February 16, 2026, 2:11pm UTC](https://discourse.threejs.org/t/animation-layers/89851 "2026-02-16T14:11:29Z")

</div>

Over the past couple years, I’ve used three.js very casually to prototype game engines, learn shader programming etc. The thing that I always run into that stops my progress is the lack of layers in the built-in animatio…

---

## [GLB model appears deformed (crushed) in Three.js, but animations and skeleton load correctly](https://discourse.threejs.org/t/glb-model-appears-deformed-crushed-in-three-js-but-animations-and-skeleton-load-correctly/84940)

<div class="topic-metadata">

**Author:** [@Pachou](https://discourse.threejs.org/u/Pachou)\
**Replies:** 2\
**Last updated:** [July 8, 2025, 6:59pm UTC](https://discourse.threejs.org/t/glb-model-appears-deformed-crushed-in-three-js-but-animations-and-skeleton-load-correctly/84940 "2025-07-08T18:59:55Z")

</div>

I’m working on a Three.js game using Electron, and I’m running into a strange issue when importing a GLB model exported from Blender. When I load my model in Three.js, the mesh appears crushed on itself as shown on the i…

---

## [clampWhenFinished](https://discourse.threejs.org/t/clampwhenfinished/80205)

<div class="topic-metadata">

**Author:** [@Ivan\_Zotov](https://discourse.threejs.org/u/Ivan_Zotov)\
**Replies:** 2\
**Last updated:** [March 27, 2025, 2:30pm UTC](https://discourse.threejs.org/t/clampwhenfinished/80205 "2025-03-27T14:30:50Z")

</div>

Good day to everyone. I need the animation to finish after the first loop. clampWhenFinished does not work. Thank you for your help. // Model const loader = new GLTFLoader(); let mixer = null; loader.loa…

---

## [Break Single Animation into Segments with Repeats and Delays](https://discourse.threejs.org/t/break-single-animation-into-segments-with-repeats-and-delays/78670)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 2\
**Last updated:** [February 26, 2025, 11:34pm UTC](https://discourse.threejs.org/t/break-single-animation-into-segments-with-repeats-and-delays/78670 "2025-02-26T23:34:49Z")

</div>

Here is a sample animation player which you can use to break a single animation into segments (e.g. walk, run) so that you don’t have to put those actions in separate animations. You can repeat segments, pause in the mi…

---

## [Overriding an animation by modifying a bone causes flickering](https://discourse.threejs.org/t/overriding-an-animation-by-modifying-a-bone-causes-flickering/69909)

<div class="topic-metadata">

**Author:** [@Anvil](https://discourse.threejs.org/u/Anvil)\
**Replies:** 3\
**Last updated:** [August 27, 2024, 5:53pm UTC](https://discourse.threejs.org/t/overriding-an-animation-by-modifying-a-bone-causes-flickering/69909 "2024-08-27T17:53:31Z")

</div>

Hi there, I’ve been using the animation-mixer to animate a character’s idle breathing motion, however when I modify a bone in the render loop, it occasionally flickers to the position of the animation-mixer’s idle animat…

---

## [Exporting Animation of a Cube](https://discourse.threejs.org/t/exporting-animation-of-a-cube/66526)

<div class="topic-metadata">

**Author:** [@AbhijitShanbhag](https://discourse.threejs.org/u/AbhijitShanbhag)\
**Replies:** 0\
**Last updated:** [June 7, 2024, 6:47am UTC](https://discourse.threejs.org/t/exporting-animation-of-a-cube/66526 "2024-06-07T06:47:24Z")

</div>

I am quite new to ThreeJS (so bear with me), and this part of Exporting is something, I am not familiar with. Hence I ChatGPTied, this part of code I was expecting the code, to export the model after a time of 5 seconds…

---

## [Unable to create the morph target animation or animation clip from sequence of morph targets](https://discourse.threejs.org/t/unable-to-create-the-morph-target-animation-or-animation-clip-from-sequence-of-morph-targets/65312)

<div class="topic-metadata">

**Author:** [@Anish\_Kumar](https://discourse.threejs.org/u/Anish_Kumar)\
**Replies:** 1\
**Last updated:** [May 9, 2024, 1:02pm UTC](https://discourse.threejs.org/t/unable-to-create-the-morph-target-animation-or-animation-clip-from-sequence-of-morph-targets/65312 "2024-05-09T13:02:51Z")

</div>

Hey, I have GLTF model in which there are shape keys are present. I am trying to create animation clip from sequence of morph targets using “CreateFromMorphTargetSequence” from AnimationClip in threejs. I am making the a…

---

## [Code cleanup for AnimationMixer](https://discourse.threejs.org/t/code-cleanup-for-animationmixer/64748)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 0\
**Last updated:** [April 29, 2024, 4:19am UTC](https://discourse.threejs.org/t/code-cleanup-for-animationmixer/64748 "2024-04-29T04:19:20Z")

</div>

I’ve been studying the Threejs animation system for animated models, which hinges around AnimationMixer. The API is a bit confusing. For example methods like mixer.uncacheRoot(root) accept a root object to cleanup, givin…

---

## [Split whole-model animation into sub-model animations, control them independently](https://discourse.threejs.org/t/split-whole-model-animation-into-sub-model-animations-control-them-independently/62983)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 0\
**Last updated:** [March 19, 2024, 5:51am UTC](https://discourse.threejs.org/t/split-whole-model-animation-into-sub-model-animations-control-them-independently/62983 "2024-03-19T05:51:29Z")

</div>

Given a single model (f.e. a GLTF model loaded with GLTFLoader) with a single AnimationClip in model.animations\[0\], here is how to split the single-animation into multiple animations that can be separately controlled. Fo…

---

## [GLTF Camera animation, control](https://discourse.threejs.org/t/gltf-camera-animation-control/57081)

<div class="topic-metadata">

**Author:** [@makerverde2020](https://discourse.threejs.org/u/makerverde2020)\
**Replies:** 0\
**Last updated:** [October 16, 2023, 9:39pm UTC](https://discourse.threejs.org/t/gltf-camera-animation-control/57081 "2023-10-16T21:39:10Z")

</div>

Hi All, After dabbling with R3F to load a GLTF animation I have come round full circle and back to Three.js and finally got my GLTF Camera animation to play. Question 1: I am now trying to make the animation play once…

---

## [Says "Play" has no definition in my animation code](https://discourse.threejs.org/t/says-play-has-no-definition-in-my-animation-code/53603)

<div class="topic-metadata">

**Author:** [@JacksonUptain](https://discourse.threejs.org/u/JacksonUptain)\
**Replies:** 4\
**Last updated:** [July 11, 2023, 4:54am UTC](https://discourse.threejs.org/t/says-play-has-no-definition-in-my-animation-code/53603 "2023-07-11T04:54:20Z")

</div>

Here is my code… I can’t imagine what’s causing the error… var modelCharacterURL = “Models/CuteAlienPlayer/scene.gltf”; var modelCharacter; var loader = new GLTFLoader(); loader.load( modelCharacterURL, gltf =\> { mo…

---

## [How to control GLTF animation while scrolling the page using Three.js + Gsap](https://discourse.threejs.org/t/how-to-control-gltf-animation-while-scrolling-the-page-using-three-js-gsap/52026)

<div class="topic-metadata">

**Author:** [@Numi](https://discourse.threejs.org/u/Numi)\
**Replies:** 2\
**Last updated:** [May 30, 2023, 1:52pm UTC](https://discourse.threejs.org/t/how-to-control-gltf-animation-while-scrolling-the-page-using-three-js-gsap/52026 "2023-05-30T13:52:06Z")

</div>

Hi All, We have a requirement where we need to animated the GLTF Object on page scroll. We have done the animation part with help of threejs+Gsap+Scrolltrigger. Now we wanted to play the animation for that particular se…

---

## [How to do a Data driven animation](https://discourse.threejs.org/t/how-to-do-a-data-driven-animation/51656)

<div class="topic-metadata">

**Author:** [@Santosh\_Kumar](https://discourse.threejs.org/u/Santosh_Kumar)\
**Replies:** 2\
**Last updated:** [May 20, 2023, 6:37am UTC](https://discourse.threejs.org/t/how-to-do-a-data-driven-animation/51656 "2023-05-20T06:37:04Z")

</div>

Hello all, I just started with three.js and I am working on a very tight timeline project. I have a scenario where I need to drive animation through some data. Please guide me through the process to achieve the animat…

---

## [Animation speed changes when second animation is added](https://discourse.threejs.org/t/animation-speed-changes-when-second-animation-is-added/51321)

<div class="topic-metadata">

**Author:** [@Noa](https://discourse.threejs.org/u/Noa)\
**Replies:** 6\
**Last updated:** [May 10, 2023, 2:37pm UTC](https://discourse.threejs.org/t/animation-speed-changes-when-second-animation-is-added/51321 "2023-05-10T14:37:41Z")

</div>

Hi, I’ve been working with the three.js animation mixer and I’ve come across a problem. I use the following 3D model (glTF-Sample-Models/2.0/Fox at master · KhronosGroup/glTF-Sample-Models · GitHub) which has three diff…

---

## [Pattern to use for multiple animations on different GLTF models](https://discourse.threejs.org/t/pattern-to-use-for-multiple-animations-on-different-gltf-models/49350)

<div class="topic-metadata">

**Author:** [@callum](https://discourse.threejs.org/u/callum)\
**Replies:** 2\
**Last updated:** [March 21, 2023, 2:55am UTC](https://discourse.threejs.org/t/pattern-to-use-for-multiple-animations-on-different-gltf-models/49350 "2023-03-21T02:55:37Z")

</div>

three.js r150, GLTFLoader, AnimationMixer My application consists of 20 “primary” GLTF models, each with a skeleton and an animation. I load them all into the scene and create animation mixer and animation group. Then…

---

## [Trying to play animation from mixer on different object3D](https://discourse.threejs.org/t/trying-to-play-animation-from-mixer-on-different-object3d/48667)

<div class="topic-metadata">

**Author:** [@chriscalef](https://discourse.threejs.org/u/chriscalef)\
**Replies:** 0\
**Last updated:** [March 3, 2023, 9:34pm UTC](https://discourse.threejs.org/t/trying-to-play-animation-from-mixer-on-different-object3d/48667 "2023-03-03T21:34:32Z")

</div>

This is very confusing because the first time I tried this, it worked perfectly, but then a week went by and I neglected to save the exact version of my code, and now I cannot seem to reproduce it. My goal is to have us…

---

## [Multiple animation mixer for different models leading to increase in animation speed](https://discourse.threejs.org/t/multiple-animation-mixer-for-different-models-leading-to-increase-in-animation-speed/46866)

<div class="topic-metadata">

**Author:** [@kreysix](https://discourse.threejs.org/u/kreysix)\
**Replies:** 1\
**Last updated:** [January 14, 2023, 12:34pm UTC](https://discourse.threejs.org/t/multiple-animation-mixer-for-different-models-leading-to-increase-in-animation-speed/46866 "2023-01-14T12:34:13Z")

</div>

I have different models, which needs to be animated differently. And i do required multiple mixers and clips as well. But when I loop over the mixers and call the update function, the speed is normal when there is one o…

---

## [3D character model movement](https://discourse.threejs.org/t/3d-character-model-movement/46673)

<div class="topic-metadata">

**Author:** [@kreysix](https://discourse.threejs.org/u/kreysix)\
**Replies:** 3\
**Last updated:** [January 9, 2023, 5:57pm UTC](https://discourse.threejs.org/t/3d-character-model-movement/46673 "2023-01-09T17:57:15Z")

</div>

I have a character model whose movement is controlled through WASD. I have also added a walking animation FBX. But when I press any movement key the model just sticks to the ground whilst animating and moving in that par…

---

## [Copying Mixamo's animation to another model with same naming hierarchy](https://discourse.threejs.org/t/copying-mixamos-animation-to-another-model-with-same-naming-hierarchy/46532)

<div class="topic-metadata">

**Author:** [@kreysix](https://discourse.threejs.org/u/kreysix)\
**Replies:** 4\
**Last updated:** [January 5, 2023, 11:50am UTC](https://discourse.threejs.org/t/copying-mixamos-animation-to-another-model-with-same-naming-hierarchy/46532 "2023-01-05T11:50:05Z")

</div>

I am trying to copy a mixamo model’s animation to another model with same hierarchy. Now this model also has WASD movement controls. The animation and movement works great if we run the original model. But if i copy th…

---

## [Animations on GLTF not loading](https://discourse.threejs.org/t/animations-on-gltf-not-loading/42271)

<div class="topic-metadata">

**Author:** [@bolti95](https://discourse.threejs.org/u/bolti95)\
**Replies:** 3\
**Last updated:** [September 6, 2022, 4:36pm UTC](https://discourse.threejs.org/t/animations-on-gltf-not-loading/42271 "2022-09-06T16:36:15Z")

</div>

Hello, I am trying to animate a character for a three js project… I just can’t get this to work . I have used https://gltf-viewer.donmccurdy.com/ gltf viewer, I can see the animations loading in the viewer and working… …

---

## [How to combine Animations without them interfering with each other?](https://discourse.threejs.org/t/how-to-combine-animations-without-them-interfering-with-each-other/24403)

<div class="topic-metadata">

**Author:** [@triple5even](https://discourse.threejs.org/u/triple5even)\
**Replies:** 3\
**Last updated:** [April 30, 2022, 9:43am UTC](https://discourse.threejs.org/t/how-to-combine-animations-without-them-interfering-with-each-other/24403 "2022-04-30T09:43:49Z")

</div>

Hi everybody! In Blender I created an Action with a walk Animation using only the lower body part, no Keyframes are set for the upper part. A second Action lets the Character grab its Sword from its Back - this Action …

---

## [The gltf viewer logic on run animation](https://discourse.threejs.org/t/the-gltf-viewer-logic-on-run-animation/36671)

<div class="topic-metadata">

**Author:** [@LeenAlfalah](https://discourse.threejs.org/u/LeenAlfalah)\
**Replies:** 3\
**Last updated:** [April 9, 2022, 3:12pm UTC](https://discourse.threejs.org/t/the-gltf-viewer-logic-on-run-animation/36671 "2022-04-09T15:12:42Z")

</div>

Hello folk , i have animation from blender with 58 actions, and i want to play it into threejs, when i import the model in gltf viewer and click play all from the right side, it work perfectly, buut in my code i try mi…

---

## [GLTF exported from Blender won't animate](https://discourse.threejs.org/t/gltf-exported-from-blender-wont-animate/35109)

<div class="topic-metadata">

**Author:** [@jbanj](https://discourse.threejs.org/u/jbanj)\
**Replies:** 2\
**Last updated:** [February 21, 2022, 7:47am UTC](https://discourse.threejs.org/t/gltf-exported-from-blender-wont-animate/35109 "2022-02-21T07:47:50Z")

</div>

Hi, I just started playing around with Threejs, and after what seems like an eternity of scrubbing these forums, I can’t seem to find why my GLTF animation won’t play in my scene. To be clear, the model loads, but the an…

---

## [Delete a animation from a series of animations](https://discourse.threejs.org/t/delete-a-animation-from-a-series-of-animations/34779)

<div class="topic-metadata">

**Author:** [@jaxx\_sparrow](https://discourse.threejs.org/u/jaxx_sparrow)\
**Replies:** 0\
**Last updated:** [February 11, 2022, 5:16pm UTC](https://discourse.threejs.org/t/delete-a-animation-from-a-series-of-animations/34779 "2022-02-11T17:16:31Z")

</div>

I have created a 3 different animations \[anim1, anim2, anim3 \] for a single part of a assembly each animation moves the part on a perticular direction as shown in gif 1. Later i want to delete the middle animation (an…

---

## [Video texture on fbx not playing](https://discourse.threejs.org/t/video-texture-on-fbx-not-playing/34393)

<div class="topic-metadata">

**Author:** [@UI\_UNICORN](https://discourse.threejs.org/u/UI_UNICORN)\
**Replies:** 2\
**Last updated:** [February 2, 2022, 9:24am UTC](https://discourse.threejs.org/t/video-texture-on-fbx-not-playing/34393 "2022-02-02T09:24:14Z")

</div>

So I have created a plane in blender and used a video for its texture it plays perfectly well in blender but now that i have exported it into a fbx the video texture doesn’t play i assume I make it play with a mixer? but…

---

## [Camera animation with AnimationMixer not working - should it?](https://discourse.threejs.org/t/camera-animation-with-animationmixer-not-working-should-it/16386)

<div class="topic-metadata">

**Author:** [@gretesh](https://discourse.threejs.org/u/gretesh)\
**Replies:** 1\
**Last updated:** [June 22, 2020, 12:10pm UTC](https://discourse.threejs.org/t/camera-animation-with-animationmixer-not-working-should-it/16386 "2020-06-22T12:10:52Z")

</div>

Hi Community I am using a FBX-animation to import several camera viewpoints from 3dsMax. In Max per each keyframe, also some of the meshes are animated. In Threejs I’m using AnimationMixer and see that the mesh positio…

---

## [AnimationMixer clipAction (inside GLTF scene) by name](https://discourse.threejs.org/t/animationmixer-clipaction-inside-gltf-scene-by-name/15361)

<div class="topic-metadata">

**Author:** [@cream](https://discourse.threejs.org/u/cream)\
**Replies:** 4\
**Last updated:** [May 20, 2020, 1:58am UTC](https://discourse.threejs.org/t/animationmixer-clipaction-inside-gltf-scene-by-name/15361 "2020-05-20T01:58:11Z")

</div>

Hi, three.js r116.1, GLTFLoader, AnimationMixer After loading a GLTF-Scene I want to set actions for different AnimationClips. Accessing them through their corresponding gltf.animations index value works, e.g: let mi…