DragonScales
WebGL 实时渲染的侧向龙鳞背景:黑曜石釉面、沿轮廓流动的弧形反光与双线鳞缘,光源跟随指针移动。
WebGL · Real-time
Components that come alive
A React library of living backgrounds, motion and text effects — built to make your interface feel alive.
Customize
鳞片色
#7b3fe4高光色
#e7a6ffProps
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
color | string | '#7b3fe4' | 鳞片本体色(hex) |
highlightColor | string | '#e7a6ff' | 反光条与鳞缘高光色(hex) |
scaleSize | number | 110 | 单片鳞宽度(像素) |
speed | number | 1 | 动画速度倍率 |
flare | number | 0 | 鳞片开合幅度,0-1,0 为关闭;开启后一道波沿身体推进,鳞片依次翘起再合拢 |
interactive | boolean | true | 光源是否跟随指针 |
className | string | — | 自定义类名 |
依赖
WebGL