Splash Cursor
Курсор размешивает цветные чернила в воде: настоящая симуляция жидкости на WebGL с завихрениями, давлением и тающим цветом. Прозрачен там, где нет чернил, — кладите поверх чего угодно.
зависимости 0файлы tsx + tsпараметры 8react 18+
Наведите шороху.
X 0000 Y 0000↳ Ведите быстро, кликните или коснитесь
Пульт08 параметров
01rainbow
Весь спектр вместо палитры.
02fade
Как быстро тают чернила.
03viscosity
Как быстро успокаивается движение.
04curl
Сила завихрений.
05radius
Размер всплеска.
06force
Как сильно толкает указатель.
07intensity
Яркость чернил.
08simResolution
Сетка расчёта; меньше — быстрее.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
rainbow | boolean | false | Весь спектр вместо палитры. |
fade | number | 0.9 | Как быстро тают чернила. |
viscosity | number | 0.25 | Как быстро успокаивается движение. |
curl | number | 24 | Сила завихрений. |
radius | number | 0.22 | Размер всплеска. |
force | number | 6000 | Как сильно толкает указатель. |
intensity | number | 1 | Яркость чернил. |
simResolution | number | 128 | Сетка расчёта; меньше — быстрее. |
colors | string[] | ['#b6e24c', '#3ddc97', '#e6f7a8'] | Цвета чернил, по очереди. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |