Hello! I'm new to the forum and GSAP world. Few days in, browsing the documentation, forum and I was able to create this starry background. For the project I am using nextjs 14 with tailwind.
The thing is that those simple animations I created uses a lot of CPU. At this code pen I have created a minimal demo so you can see what animations I am talking about.
And this is a stackblitz of my project and the animations itself, all 3 that you see consumes like 20% of my 10th gen 8cores i5 processor. The animation is not laggy, I'd say it's pretty smooth actually. But I am worried that the application will be slow at one moment if I add more animations to it. I wanted to learn more and more about gsap while creating my portfolio.
Note: For the animated stars I am using react icons.
I found some related posts in the forum, that explaining the animation of the opacity of many objects could be indeed heavy in terms of CPU usage. I saw you suggest gsap in combination with PIXIjs. I just have hard time to find where exactly to start researching on that combination, a starting point would be greatly appreciated.
Overall, any ideas for optimization and other usefull tips will be nice!
Great community by the way, love your wild code pens!