Click Spark
Вспышка лучей на каждый клик внутри обёрнутой области. Рисуется на canvas, поэтому в покое ничего не стоит.
зависимости 0файлы tsx + tsпараметры 8react 18+
клик · клик · клик
X 0000 Y 0000↳ Кликните или коснитесь где угодно
Пульт08 параметров
01color
Цвет лучей.
02count
Лучей на клик.
03radius
px
Дальность разлёта.
04length
px
Длина луча.
05thickness
px
Толщина луча.
06duration
ms
Время жизни.
07jitter
Случайно поворачивать каждую вспышку.
08ring
Добавить гаснущее кольцо.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
color | string | "#b6e24c" | Цвет лучей. |
count | number | 10 | Лучей на клик. |
radius | number | 36 | Дальность разлёта. |
length | number | 12 | Длина луча. |
thickness | number | 2 | Толщина луча. |
duration | number | 500 | Время жизни. |
jitter | boolean | true | Случайно поворачивать каждую вспышку. |
ring | boolean | false | Добавить гаснущее кольцо. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |