13) PIXI Ticker and Tween animations / PIXI Ticker и Tween анимации

Я уже как-то упоминал PIXI Ticker в первых видео когда мы делали обзор на PIXI Applicatin. В этом видео мы поговорим про PIXI Ticker более детально и то как можно его использовать для анимаций, для Tween анимаций. Как результат у нас будет рабочий класс для анимаций и код с помощью которого можно будет протестировать анимации.
Ветка c кодом на GitHub
github.com/Hus...
Документация
pixijs.downloa...
Tween.js библиотека которой я пользуюсь на проектах
github.com/twe...

[@itsmekamikoto4940]

С нетерпением жду следующий урок

[@logicjs]

Рад что вам нравится контент!
Делитесь ссылкой с другими программами!)

[@sidjo6191]

@@logicjs Крутой контент! Спасибо 🙏

[@viplikeit]

@@logicjs подтверждаю, контент - пушка

[@moi-nick-zanyat]

привязывать анимацию к тикеру не хорошо, у меня монитор на 144 hz , по этому тиков 144, а не 60, анимация слишком быстрая, а если монитор на 360hz?)) либо нужно как-то настраивать чтобы работало 60 раз в секунду и не чаще, чтобы у всех было норм)

[@logicjs]

Справедливое замечание. Скорее всего ты говоришь про момент в виде начиная с 8 мин 15 секунды. Там просто пример. Но как я рассказываю далее нам нужно и необходимо использовать дельта время в анимациях.
Тогда все должно быть хорошо. Для этого, вообще, и используют привязку к времени.

[@logicjs]

К примеру, при частоте 60 кадров в секунду, дельта примерно 16.7.
А при частоте в 144 это примерно 6.9.
Чтобы запрограммировать поведение анимации одинаково не зависимо от монитора - делают так ( сделаю пример с позициями)
Const speed = 5;
Position.x += speed* deltaTime;
Это должно выглядеть одинаково

[@moi-nick-zanyat]

@@logicjs из тех привязок все к герцовке привязаны

[@moi-nick-zanyat]

@@logicjs тогда нужно как-то получить герцовку экрана

[@logicjs]

@@moi-nick-zanyat скорее всего ты используешь нормализованное значение. Для детьта времени не нужно знать о частоте экрана - она по другому считается