Как сделать такую анимацию?

Question

[Сергей]

Доброго времени суток! Подскажите как сделать анимацию на подобии этой colbacolorbar.ru , на главном экране, анимация за курсором мыши. Заранее спасибо!

Answer 1

[hzzzzl]

еать залипалово какое :D
вот скрипт
colbacolorbar.ru/themes/colba/assets/js/fluidWave.js

вообще не понимаю что там происходит, вроде яваскрипт, но какой то непростой webGL фреймворк наверно

UPD вот нашел на гитхабе это, хз может быть это оригинал кода
https://gist.github.com/peretc001/1444c3df210cc66c...

Comments

[Максим]

залипало классное - молодца отъискал оригинал

[hzzzzl]

короче это браузерное webgl api, даже не фреймворк никакой
https://developer.mozilla.org/en-US/docs/Web/API/W...

Answer 2

[Ivan Bogachev]

Эта штука нынче затмила по популярности particles.js. Постоянно все о ней спрашивают, в том числе и на тостере:
Можно ли использовать чужой js код?
Как правильно вытащить код? с этой страницы...

Comments

[profesor08]

Как по мне, так эта штука и particlesjs немного разные вещи и про разное. Но без знаний glsl можно довольствоваться только готовыми пресетами.

[Ivan Bogachev]

profesor08, понятно, что разные. Я о том, что раньше в каждый лендинг вставляли particles.js, а в последнее время все хотят вот эту штуку.

[profesor08]

Ivan Bogachev, ну такая штука очень ситуативная и не везде к месту, а particlejs выглядят не шибко круто. По мне так, хоть и https://jnicol.github.io/particleground/ попроще в настройках, но выглядит гораздо живее.

Answer 3

[Человек]

Чувак, все на много проще, смотри где они это взяли)
https://paveldogreat.github.io/WebGL-Fluid-Simulation/

Comments

[Человек]

Вобщем, если понравилась тебе эта штука - смотри много очень интересных вещей для себя здесь
https://tympanus.net/codrops/

Answer 4

[jamtuson]

Эта штука сделана на WebGL с использованием уравнения Навье-Стокса
https://ru.wikipedia.org/wiki/%D0%A3%D1%80%D0%B0%D...

https://codepen.io/PavelDoGreat/pen/zdWzEL
developer.download.nvidia.com/books/HTML/gpugems/g...
Пример разбора есть в книге по динамике жидкостей.