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

ืฉื•ื‘ืœ ืขืฉืŸ

ืขืฉืŸ ืจืš ื ืžืฉืš ืื—ืจื™ ื”ืกืžืŸ ื•ื ืžื•ื’ ืœืื˜. ื”ืฉื›ื‘ื” ืฉืงื•ืคื” ื•ืืคืฉืจ ืœืฉื™ื ืื•ืชื” ืžืขืœ ื›ืœ ื‘ืœื•ืง.

ื”ืชืืžื”

color

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

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

8 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
colorstring"#f5f5f5"ืฆื‘ืข ื”ืขืฉืŸ.
radiusnumber0.05ืขื•ื‘ื™ ื”ืฉื•ื‘ืœ, ื›ื—ืœืง ืžื’ื•ื‘ื” ื”ื‘ืœื•ืง.
persistencenumber0.6ื›ืžื” ื–ืžืŸ ื”ืขืฉืŸ ื ืฉืืจ.
turbulencenumber1ืขื•ืฆืžืช ื”ืžืขืจื‘ื•ืœื•ืช.
opacitynumber0.85ืื˜ื™ืžื•ืช ื”ืขืฉืŸ.
autoDemobooleantrueืœืฆื™ื™ืจ ืฉืžื•ื ื” ืขื“ ืฉื”ืกืžืŸ ื–ื–.
childrenReactNodeโ€”ืชื•ื›ืŸ ืžืขืœ ื”ืืคืงื˜.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ.

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

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

npm install ogl clsx tailwind-merge

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

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