L
хочу бабел подключить
babelHelpers: 'runtime', опцию добавитьSize: a a a
2020 October 09
L
починил, надо было
MZ
Визуализация easing функций в Свелте — каеф
https://svelte.dev/repl/d5cf42cf1f99431797136ae952f76263?version=3.29.0
https://svelte.dev/repl/d5cf42cf1f99431797136ae952f76263?version=3.29.0
A
Подробненько👍🏻
G
Визуализация easing функций в Свелте — каеф
https://svelte.dev/repl/d5cf42cf1f99431797136ae952f76263?version=3.29.0
https://svelte.dev/repl/d5cf42cf1f99431797136ae952f76263?version=3.29.0
А есть какое-то обсуждение/issue по поводу своих транзишенов? Что свелт создает очень много keyframe-ов и это грузит gpu.
G
Ведь
0% { opacity: 0 } 100% { opacity: 1 }
равноценно (при linear тайминг-функции)0% { opacity: 0 }
1% { opacity: 0.01 }
...
99% { opacity: 0.99 }
100% { opacity: 1 }
Но свелт делает второй вариант (и с гораздо меньшим шагом)DK
Ведь
0% { opacity: 0 } 100% { opacity: 1 }
равноценно (при linear тайминг-функции)0% { opacity: 0 }
1% { opacity: 0.01 }
...
99% { opacity: 0.99 }
100% { opacity: 1 }
Но свелт делает второй вариант (и с гораздо меньшим шагом)Количество шагов зависит от длительности анимации. На анимацию длительностью полсекунды генерируется анимация с шагом около 5%.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
A
А GPU разве не на 3D тригерит?
G
Количество шагов зависит от длительности анимации. На анимацию длительностью полсекунды генерируется анимация с шагом около 5%.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
Когда надо было сделать транзишен в 20 сек, то сгенерилось очень много кейфреймов и картинка тормозила сильно
G
А GPU разве не на 3D тригерит?
Все что рисуется на экране — рисуется через видеокарту
DK
Когда надо было сделать транзишен в 20 сек, то сгенерилось очень много кейфреймов и картинка тормозила сильно
Странно. Я сейчас чекнул на старом гэлакси фоне вот эту страницу с анимацией 40 секунд — очень медленно, но очень плавно.
https://svelte.dev/examples#easing
https://svelte.dev/examples#easing
G
Количество шагов зависит от длительности анимации. На анимацию длительностью полсекунды генерируется анимация с шагом около 5%.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
Вы уверены, что это создаёт нагрузку на GPU? Почему вы так думаете?
Насколько я это понимаю, движок рендеринга в любом случае под капотом компилирует анимацию в оптимальный набор примерно одинаковых инструкций, вне зависимости от того, два у вас фрейма или 102. По-серьезному решает только длительность и сложность (в репейнт-инструкциях) анимации. Условно, slide-анимация в свелте с 25 фреймами в любом случае будет легче, чем какой-нибудь хитрый трансформ дива с бэкдроп-блюром, но зато двумя фреймами.
https://svelte.dev/repl/225ba58baa5d4f13a5ee0f48c8c4a6d2?version=3.29.0
Вот тут по нажатию на flip можно наблюдать
Вот тут по нажатию на flip можно наблюдать
G
Особенно, если открыть devtools
DK
https://svelte.dev/repl/225ba58baa5d4f13a5ee0f48c8c4a6d2?version=3.29.0
Вот тут по нажатию на flip можно наблюдать
Вот тут по нажатию на flip можно наблюдать
Кек, и тут у меня лагов нет :)
DK
Девтулзы — да, не открываются вообще.
G
Кек, и тут у меня лагов нет :)
Лагов нету, но посмотри на загрузку проца сразу после нажати
A
Особенно, если открыть devtools
Девтулзы с деревом открыты?
G
Я думаю, эту проблем нужно решать, и открывать ишу, если таковой еще нету
G
Девтулзы с деревом открыты?
Ну да, попробуй посмотреть кифреймы, через девтулы, они вообще не покажутся из-за их огромного кол-ва
A
С консолью полегче будет