ืจืงืขื™ืื—ื“ืฉ

ื—ืœืงื™ืงื™ื

ืจืงืข ืฉืœ ื ืงื•ื“ื•ืช ืžื ืฆื ืฆื•ืช ืฉื ืžืฉื›ื•ืช ื‘ืขื“ื™ื ื•ืช ืื—ืจื™ ื”ืกืžืŸ. ืžืฆื•ื™ืจ ืขืœ canvas, ื‘ืœื™ ืกืคืจื™ื•ืช.

ื”ืชืืžื”

color

ืžื‘ื•ืกืก ืขืœ Particles (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

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

9 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
quantitynumber100ืžืกืคืจ ื”ื ืงื•ื“ื•ืช ืขืœ ื”ืงื ื‘ืก.
sizenumber0.4ื’ื•ื“ืœ ื‘ืกื™ืกื™ ืฉืœ ื ืงื•ื“ื”.
colorstring"#ffffff"ืฆื‘ืข ื”ื ืงื•ื“ื•ืช ื‘-HEX.
staticitynumber50ื›ืžื” ืžืขื˜ ื”ื ืงื•ื“ื•ืช ื ืžืฉื›ื•ืช ืœืกืžืŸ. ื’ื‘ื•ื” ื™ื•ืชืจ ืจื’ื•ืข ื™ื•ืชืจ.
easenumber50ื—ืœืงื•ืช ื”ืชื ื•ืขื” ืื—ืจื™ ื”ืกืžืŸ.
vxnumber0ืกื—ื™ืคื” ืื•ืคืงื™ืช ืงื‘ื•ืขื”.
vynumber0ืกื—ื™ืคื” ืื ื›ื™ืช ืงื‘ื•ืขื”.
refreshbooleanfalseืฉื™ื ื•ื™ ื”ืขืจืš ื™ื•ืฆืจ ืืช ื”ื ืงื•ื“ื•ืช ืžื—ื“ืฉ.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืขื•ื˜ืฃ ื”ืงื ื‘ืก.

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

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

npm install clsx tailwind-merge

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

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