Squares
Бесконечно плывущая сетка. Клетки под курсором загораются и гаснут следом за ним.
зависимости 0файлы tsx + tsпараметры 8react 18+
X 0000 Y 0000↳ Рисуйте по сетке
Пульт08 параметров
01direction
Направление движения.
02speed
px/f
Скорость движения.
03size
px
Размер клетки.
04lineColor
Цвет линий сетки.
05lineWidth
px
Толщина линий сетки.
06hoverColor
Цвет зажжённой клетки.
07trail
Длина следа.
08vignette
Цвет затухания по краям (пустая строка — выключить).
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
direction | 'right' | 'left' | 'up' | 'down' | 'diagonal' | "diagonal" | Направление движения. |
speed | number | 0.4 | Скорость движения. |
size | number | 44 | Размер клетки. |
lineColor | string | "#2a2925" | Цвет линий сетки. |
lineWidth | number | 1 | Толщина линий сетки. |
hoverColor | string | "#b6e24c" | Цвет зажжённой клетки. |
trail | number | 0.92 | Длина следа. |
vignette | string | "#0c0c0b" | Цвет затухания по краям (пустая строка — выключить). |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |