Floating point precision of gsap.to()

[m4chei]

I tried implementing state-transitions with Vue.js 3 and gsap, like in the example of the Vue.js 3 documentation: https://v3.vuejs.org/guide/transitions-state.html#organizing-transitions-into-components
This example rounds to fullNumbers. 

In my little project, I don't want the numbers to be rounded, but gsap.to() seems to round to a floating point precision of 4 (e.g. 0.00049 is rounded to 0.0005). 
Is there a way, I can increase the precision of gsap.to() so that my small numbers are not always rounded to 0?

gsap.to is used like this: 

tween(newValue, oldValue) {
    gsap.to(this.$data, { 
       duration: 0.5, 
       tweeningValue: newValue,
       ease: 'sine'
    });
}

Thanks!

See the Pen oNBvZMj by lmachegger (@lmachegger) on CodePen

[akapowl]

 

Hey @m4chei

 

I am not entirely sure, but maybe this thread can help 

 

 

 

Welcome to the forums.

 

[m4chei]

Hi @akapowl

 

This did indeed get me a step further, I updated my codepen to use this plugin. 
Sadly I don't really understand whats happening in this plugin. Is there a way I can set the number of decimals to a specific value (in my case I would need 8)? 

Ideally it would be great, if the animation would consider the number of decimals of the target value. But I could work with a solution where I can specify the number of decimals to a fixed value, since in my case I always need 8 decimals

Thanks
 

[m4chei]

Ok I actually found a solution. 
When gsap provides the full precision, I can do the rounding by myself with a computed property.
updated the Codepen

Thanks for the help!