ะคะพะฝั‹ะะพะฒะพะต

ะงะฐัั‚ะธั†ั‹

ะคะพะฝ ะธะท ะผะตั€ั†ะฐัŽั‰ะธั… ั‚ะพั‡ะตะบ, ะบะพั‚ะพั€ั‹ะต ะผัะณะบะพ ั‚ัะฝัƒั‚ัั ะทะฐ ะบัƒั€ัะพั€ะพะผ. ะ ะธััƒะตั‚ัั ะฝะฐ canvas ะธ ะฝะต ั‚ั€ะตะฑัƒะตั‚ ะฑะธะฑะปะธะพั‚ะตะบ.

ะะฐัั‚ั€ะพะนะบะธ

color

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ Particles (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

9 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
quantitynumber100ะกะบะพะปัŒะบะพ ั‚ะพั‡ะตะบ ะฝะฐ ั…ะพะปัั‚ะต.
sizenumber0.4ะ‘ะฐะทะพะฒั‹ะน ั€ะฐะทะผะตั€ ั‚ะพั‡ะบะธ.
colorstring"#ffffff"ะฆะฒะตั‚ ั‚ะพั‡ะตะบ ะฒ ั„ะพั€ะผะฐั‚ะต HEX.
staticitynumber50ะะฐัะบะพะปัŒะบะพ ัะปะฐะฑะพ ั‚ะพั‡ะบะธ ั‚ัะฝัƒั‚ัั ะบ ะบัƒั€ัะพั€ัƒ. ะ‘ะพะปัŒัˆะต ะทะฝะฐั‡ะธั‚ ัะฟะพะบะพะนะฝะตะต.
easenumber50ะŸะปะฐะฒะฝะพัั‚ัŒ ะดะฒะธะถะตะฝะธั ะทะฐ ะบัƒั€ัะพั€ะพะผ.
vxnumber0ะŸะพัั‚ะพัะฝะฝั‹ะน ะดั€ะตะนั„ ะฟะพ ะณะพั€ะธะทะพะฝั‚ะฐะปะธ.
vynumber0ะŸะพัั‚ะพัะฝะฝั‹ะน ะดั€ะตะนั„ ะฟะพ ะฒะตั€ั‚ะธะบะฐะปะธ.
refreshbooleanfalseะกะผะตะฝะฐ ะทะฝะฐั‡ะตะฝะธั ะฟะตั€ะตัะพะทะดะฐั‘ั‚ ั‚ะพั‡ะบะธ.
classNamestringโ€”ะšะปะฐััั‹ ะดะปั ะพะฑั‘ั€ั‚ะบะธ ั…ะพะปัั‚ะฐ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 2

npm install clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต