# How to play back sequence frame animation of model？

**URL:** <https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815>\
**Category:** Questions\
**Tags:** animation\
**Created:** [June 2, 2020, 7:44am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815 "2020-06-02T07:44:28Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![seanin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanin/32/6452_2.png) [@seanin](https://discourse.threejs.org/u/seanin)\
**Post date:** [June 2, 2020, 7:44am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/1 "2020-06-02T07:44:28Z")

</div>

Now I have a model with a sequence of frames, 0-150 frames.  
Then I play the animation from 0 to 100 frames.  
Now I want to play the animation from 100 to 0 frames.  
How can I realize this function.

---

<div class="post-metadata">

**Author:** ![felixmariotto](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/felixmariotto/32/5928_2.png) [@felixmariotto](https://discourse.threejs.org/u/felixmariotto)\
**Post date:** [June 2, 2020, 8:13am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/2 "2020-06-02T08:13:21Z")

</div>

If you pass a negative value to `mixer.update`, it plays backward.

---

<div class="post-metadata">

**Author:** ![seanin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanin/32/6452_2.png) [@seanin](https://discourse.threejs.org/u/seanin)\
**Post date:** [June 2, 2020, 8:41am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/3 "2020-06-02T08:41:29Z")

</div>

I play the animation from -100 to 0 frames.  
And from 0 to -100 frames.  
Didn’t meet my needs

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/b/b5d8c4f7cfacd481284f8816c6979a196e2ee3a2.png)  
the nStartFrame is set -100 , nEndFrame set 0  
and the nStartFrame is set 0 , nEndFrame set -100

---

<div class="post-metadata">

**Author:** ![seanin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanin/32/6452_2.png) [@seanin](https://discourse.threejs.org/u/seanin)\
**Post date:** [June 3, 2020, 5:52am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/4 "2020-06-03T05:52:01Z")

</div>

Excuse me, can you have a case for me to learn.

---

<div class="post-metadata">

**Author:** ![felixmariotto](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/felixmariotto/32/5928_2.png) [@felixmariotto](https://discourse.threejs.org/u/felixmariotto)\
**Post date:** [June 3, 2020, 7:10am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/5 "2020-06-03T07:10:01Z")

</div>

Sorry I don’t really understand what is your problem

---

<div class="post-metadata">

**Author:** ![seanin](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanin/32/6452_2.png) [@seanin](https://discourse.threejs.org/u/seanin)\
**Post date:** [June 3, 2020, 8:52am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/6 "2020-06-03T08:52:27Z")

</div>

like this  
 ![8](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/5/508c7c9a9498cbc8bdd404ae42419fb34392f8a8.gif)

---

<div class="post-metadata">

**Author:** ![niao](https://avatars.discourse-cdn.com/v4/letter/n/ba9def/32.png) [@niao](https://discourse.threejs.org/u/niao)\
**Post date:** [June 3, 2020, 9:14am UTC](https://discourse.threejs.org/t/how-to-play-back-sequence-frame-animation-of-model/15815/7 "2020-06-03T09:14:54Z")

</div>

You need to input time value in seconds unit.

```auto
    var animation = obj.animations[0];

    var mixer = new THREE.AnimationMixer( obj );
    var action = mixer.clipAction( animation );
    action.play();
    action.time = Number(val); // val is seconds value. input from 100 to 0 or 0~100 by timer like clock.
    mixer.update(delta);

```
