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

Установка:

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

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

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

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

Фон 1:

Скачать скрипт фона Открыть во весь экран

Фон 2:

Скачать скрипт фона Открыть во весь экран

Фон 3:

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

Скачать скрипт фона Открыть во весь экран

Фон 4:

Скачать скрипт фона Открыть во весь экран

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

serega: 15.09.2024 в 04:21

очень красивый сайт, зверские скрипты

Ответить
Леха: 12.02.2020 в 06:46

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

Ответить
- Alexander: 13.02.2020 в 03:59
  gl_FragColor = vec4(vec3(r, g, b).rgb, 1.0);
  
  Но он там не просто так меняется
  Ответить

Установка:

Фон 1:

Фон 2:

Фон 3:

Фон 4:

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

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

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