# GUI slider for complex rotations + combining sliders

**URL:** <https://discourse.threejs.org/t/gui-slider-for-complex-rotations-combining-sliders/18935>\
**Category:** Questions\
**Tags:** animation\
**Created:** [September 22, 2020, 5:13pm UTC](https://discourse.threejs.org/t/gui-slider-for-complex-rotations-combining-sliders/18935 "2020-09-22T17:13:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tastic\_ad](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tastic_ad/32/56414_2.png) [@tastic\_ad](https://discourse.threejs.org/u/tastic_ad)\
**Post date:** [September 22, 2020, 5:13pm UTC](https://discourse.threejs.org/t/gui-slider-for-complex-rotations-combining-sliders/18935/1 "2020-09-22T17:13:33Z")

</div>

Hello everyone, my loaded model has a skeleton and I would like to control (via dat.gui) some of its bones.

```
aBone.rotation // Object has properties { _x: 0.612..., _y: 0.048..., _z: -1.228... }
aBone.rotation.set( .15, 0, -.85 ) // This would be the values to transition to

```

I would like to add a 0→1 slider transitioning between this two values.  
Please how should I go since **1)** this aren’t single values (it affects x, y and z) and **2)** they are complex numbers and not only 0 and 1 (x goes from _0.612_ to _0.15_, …etc)

…

Moreover, I already have a slider for a morph, like so:

```
let folder = gui.addFolder( 'Morphs' )
folder.add( model.morphTargetInfluences, [0], 0, 1, 0.01 ).name( 'Blobby' )

```

Would it be possible to have one slider that affect both at the same time, rotations and this morph?