I want to create CS2 case opening animation in my Nuxt 3 project using GSAP plugin. I am using gsap in my project for the first time, so I am facing many difficulties.
The result I want to achieve is to make the case opening animation like in cs2. However, my result is far from that. I am facing these problems.
I can't create a loop with gsap.
Transitions between animations are not smooth they should move as if they were a single animation.
I have shared the code in the codepen url but I couldn't get the Vue code to run in the codepen. Currently, the only working part of the code is that the indicator stops on the earned item when the animation ends.