DragonScales

WebGL 实时渲染的侧向龙鳞背景:黑曜石釉面、沿轮廓流动的弧形反光与双线鳞缘,光源跟随指针移动。

显示 Hero

调整参数

鳞片色
#7b3fe4
高光色
#e7a6ff

属性

属性类型默认值说明
childrenReactNode—叠加在背景之上的内容
colorstring'#7b3fe4'鳞片本体色(hex)
highlightColorstring'#e7a6ff'反光条与鳞缘高光色(hex)
scaleSizenumber110单片鳞宽度(像素)
speednumber1动画速度倍率
flarenumber0鳞片开合幅度,0-1,0 为关闭;开启后一道波沿身体推进,鳞片依次翘起再合拢
interactivebooleantrue光源是否跟随指针
classNamestring—自定义类名

依赖

WebGL