Как можно сделать такой живой дым на сайте css и js?

5f95bf72c8eb2265411146.jpeg

Есть такой блок, хотел бы дым сделать динамичным, возможно такое? искал что то похожее на кодепене, но там в основном с облаками все.
  • Вопрос задан
  • 720 просмотров
Пригласить эксперта
Ответы на вопрос 3
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Можно спрайтами, у меня дыма готового нет, но есть свеча для примера:
Ответ написан
profesor08
@profesor08 Куратор тега CSS
Можно попробовать сделать такой дымок AfterEffects, наверняка есть куча туториалов. Потом экспортировать с помощью bodymovin в json формат для lottieweb

Еще можешь попробовать использовать партиклы и заставить двигаться как надо
stemkoski.github.io/Three.js/Particle-Engine.html
squarefeet.github.io/ShaderParticleEngine

Собственно вот похожее: https://mrdoob.com/#/144/magic_dust
Ответ написан
@dmitry-toster
Самое приближенное, что я смог найти
А тут подробная статья, если постараться, то сможете добиться нужного эффекта
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы