ืกืžื ื™ืื—ื“ืฉ

ืื“ื•ื•ืช ืขืœ ื”ืžื™ื

ืžืฉื˜ื— ื›ืžื• ืžื™ื: ืœื—ื™ืฆื” ืฉื•ืœื—ืช ืขื™ื’ื•ืœื™ื ื•ื”ืกืžืŸ ืžืฉืื™ืจ ืื“ื•ื•ื” ืงืœื”. ื”ืจืฉืช ืžืชื—ืช ืžืชืขืงืžืช.

ื”ืชืืžื”

color
background

ืจื›ื™ื‘ ืฉืœ Codearia ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

10 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
colorstring"#ffffff"ืฆื‘ืข ื”ืจืฉืช ื•ื”ื”ื“ื’ืฉื•ืช.
backgroundstring"#0a0a0a"ืฆื‘ืข ื”ืžืฉื˜ื—.
gridSizenumber32ืžืจื•ื•ื— ื”ืจืฉืช, ื‘ืคื™ืงืกืœื™ื. 0 ืžืกืชื™ืจ ืืช ื”ืจืฉืช.
strengthnumber1ื’ื•ื‘ื” ื”ื’ืœื™ื.
speednumber1ืžื”ื™ืจื•ืช. 0 ืขื•ืฆืจ ืืช ื”ืชื ื•ืขื”.
lifetimenumber3ื›ืžื” ื–ืžืŸ ื—ื™ ื’ืœ ืื—ื“, ื‘ืฉื ื™ื•ืช.
rippleOnMovebooleantrueืœื”ืฉืื™ืจ ืขื™ื’ื•ืœื™ื ืงื˜ื ื™ื ื‘ื–ืžืŸ ืชื ื•ืขืช ื”ืกืžืŸ.
autoDemobooleantrueืœื”ื˜ื™ืœ ืื“ื•ื•ืช ืœื‘ื“ ืขื“ ืฉื”ืžื‘ืงืจ ื ื•ื’ืข ื‘ื‘ืœื•ืง.
childrenReactNodeโ€”ืชื•ื›ืŸ ืžืขืœ ื”ืืคืงื˜.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.

ืชืœื•ื™ื•ืช

3 ื—ื‘ื™ืœื•ืช ื ื“ืจืฉื•ืช

npm install ogl clsx tailwind-merge

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื