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

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

Установка:

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

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

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

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

Фон 1:

Фон 2:

Фон 3:

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

Фон 4:


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

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

Фон из бегущих волной частиц с возможностью установления их количества, размера и скорости

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

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

Комментарии:

  • Леха:

    Как поменять цвета в первом варианте ?

    Ответить
    • Alexander:
      gl_FragColor = vec4(vec3(r, g, b).rgb, 1.0);

      Но он там не просто так меняется

      Ответить