4 анимированных абстрактных фона

Скрипты, реализующие данные анимации, работают на библиотеке three.js

Установка:

Во всех примерах подключается библиотека three.min.js

Добавляется канвас, в котором будет размещен фон: <canvas id="canvas"></canvas>

Добавляется скрипт фона, который расположен ниже примера.

Примечание: Размеры канваса по умолчанию даны на всю страницу. Для их изменения, нужно заменить window.innerWidth и window.innerHeight на нужные значения.

Фон 1:

Фон 2:

Фон 3:

Данный эффект реагирует на движение мыши

Фон 4:


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

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

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

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