Как анимация Greensock работает под капотом, что она настолько производительна?
На веб-сайте greensock есть тест скорости, сравнивающий скорость с другими библиотеками анимации, JQuery или даже переходами CSS. Это бенчмаркинг FPS путем анимации сотен/тысяч пертиклов.
FPS анимаций зеленых носков превосходит все остальное. Переходы Css и JQuery не очень близки к greensock.
Я попытался найти о гринсоке, но не смог найти много полезной информации. Большинство из них плохо объяснены.
Я все еще любитель в javascript. Если я попытаюсь сделать свои собственные JS-анимации, они будут не такими быстрыми, как gsap. Даже не близко. Так что было бы здорово узнать, что происходит под капотом. Как они оптимизируют так много!
Я немного расстроен тем, что у меня нет времени опробовать мою идею, но мне было бы интересно получить информацию, которую нелегко получить на SO только с помощью вопросов: stackoverflow.com/questions/56842747/…
Насколько быстро вы это сделаете, зависит от алгоритма. Попробуйте столько, сколько вы найдете.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Джек (создатель GreenSock) рассказывает, почему GSAP так быстр в этот пост на форуме среди других мест. Напомним некоторые моменты:
- Use highly optimized JavaScript across the board (this entails many things like using linked lists, local variables, quick lookup tables, inlining code, bitwise operators, leveraging prototypes instead of recreating functions/variables for each instance, etc.)
- Engineer the structure of the platform so that it lends itself very well to high-pressure situations, minimizing function calls and making sure things are gc-friendly.
- Make updates in a single update loop that's driven by requestAnimationFrame, only falling back to setTimeout() if necessary.
- Cache some important values internally for faster updates.
- For CSS transforms, we calculate matrix values and construct either a matrix() or matrix3d() when there's any rotation or skewing because our tests showed that it was faster.
Нет серебряной пули, которая сделает его быстрым. Он просто умен в том смысле, что делает вещи, основанные на более чем десятилетнем опыте.
Не думайте, что «будет не так быстро, как gsap». Даже не смотрите на них, если хотите быть быстрее. Потратьте время на то, чтобы попробовать свои собственные способы, вместо того, чтобы беспокоиться о конкурентах. Много отрицательных голосов — это признак того, что им понравились ваши идеи.