Сценические волны на JS

Эффект основан на WebGL, а скрипт, реализующий его, занимает всего 18кб без сжатия.

Пример:

HTML:

CSS:

Обратите внимание:

Тестируя скрипт локально или с неподходящими текстурами эффект может не работать

JS:

Подключаем скрипт stage_waves.js

В скрипте используются текстуры brick.jpg и noise.png, заменив которые можно изменить форму и цвет волн.

Другие текстуры можно скачать в теме: "Бесшовные графические фоны"

Оттенок для каждой линни волн (всего их 4), можно редактировать в строках:

Найдено на codepen.io у пользователя Liam Egan

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!