3D и WebGLНовое
Световой пучок
Веер тонких волокон сходится в один пучок, по нему бегут светящиеся импульсы. Сделано на three.js со свечением.
Настройки
colorBg
colorLine
colorSignal
Основано на Photon Beam (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
13 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| colorBg | string | "#0a0a0a" | Цвет фона. |
| colorLine | string | "#525252" | Цвет волокон. |
| colorSignal | string | "#ffffff" | Цвет световых импульсов. |
| lineCount | number | 80 | Сколько волокон. |
| signalCount | number | 90 | Сколько импульсов бежит одновременно. |
| spreadHeight | number | 30 | Как широко расходится веер слева. |
| waveHeight | number | 0.15 | Высота волны на веере. |
| trailLength | number | 3 | Длина хвоста у импульса. |
| speed | number | 1 | Скорость. 0 останавливает движение. |
| bloomStrength | number | 1.6 | Сила свечения. |
| lineOpacity | number | 0.55 | Непрозрачность волокон. |
| children | ReactNode | — | Содержимое поверх эффекта. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install three clsx tailwind-merge