Mousemove tween scale not animating if mouse keeps moving

Hello so I have a gltf model and on mousemove the balloon scales a little it seems to be working but if I keep on moving the mouse the animating won’t play until I stop moving the mouse how can I fix this?

problem:

pen: https://codepen.io/uiunicorn/pen/KKdRZZV

Thank you in advance :slight_smile:

I think the problem is that you constantly call TWEEN.removeAll(); in your mousemove event listener which makes it impossible for an animation to properly play through. Try to work with just two tween objects (one of each animation) and only abort them if necessary.

Thank you for the reply I tested and removed all the TWEEN.removeAll(); but it still doesn’t play through if the mouse is moving for some reason… https://codepen.io/uiunicorn/pen/LYprYgb

You are still creating too many tweens. The idea is to only have one active tween.

2 Likes