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

ะ—ะตั€ะฝะธัั‚ั‹ะน ะณั€ะฐะดะธะตะฝั‚

ะœะตะดะปะตะฝะฝั‹ะน ะผะพะฝะพั…ั€ะพะผะฝั‹ะน ะณั€ะฐะดะธะตะฝั‚ ะธะท ะทะฐะบั€ัƒั‡ะตะฝะฝะพะณะพ ัˆัƒะผะฐ ั ะฟะปั‘ะฝะพั‡ะฝั‹ะผ ะทะตั€ะฝะพะผ. ะกะฟะพะบะพะนะฝั‹ะน ั„ะพะฝ ะดะปั ะฟะตั€ะฒะพะณะพ ัะบั€ะฐะฝะฐ.

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

colorA
colorB
colorC

ะšะพะผะฟะพะฝะตะฝั‚ Codearia ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

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

9 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
colorAstring"#0a0a0a"ะกะฐะผั‹ะน ั‚ั‘ะผะฝั‹ะน ั‚ะพะฝ.
colorBstring"#3f3f3f"ะกั€ะตะดะฝะธะน ั‚ะพะฝ.
colorCstring"#e5e5e5"ะกะฐะผั‹ะน ัะฒะตั‚ะปั‹ะน ั‚ะพะฝ, ะดะปั ะฑะปะธะบะพะฒ.
speednumber1ะกะบะพั€ะพัั‚ัŒ. 0 ะพัั‚ะฐะฝะฐะฒะปะธะฒะฐะตั‚ ะดะฒะธะถะตะฝะธะต.
scalenumber1ะœะฐััˆั‚ะฐะฑ ัˆัƒะผะฐ. ะ‘ะพะปัŒัˆะต ะทะฝะฐั‡ะธั‚ ะผะตะปัŒั‡ะต ัƒะทะพั€.
warpnumber1ะกะธะปะฐ ะทะฐะบั€ัƒั‡ะธะฒะฐะฝะธั. 0 ะผัะณะบะพะต ะพะฑะปะฐะบะพ, 2 ะผั€ะฐะผะพั€.
grainnumber0.08ะกะบะพะปัŒะบะพ ะทะตั€ะฝะฐ, ะบะฐะบ ะฝะฐ ะฟะปั‘ะฝะบะต.
childrenReactNodeโ€”ะกะพะดะตั€ะถะธะผะพะต ะฟะพะฒะตั€ั… ัั„ั„ะตะบั‚ะฐ.
classNamestringโ€”ะšะปะฐััั‹ ะดะปั ะพะฑั‘ั€ั‚ะบะธ.

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

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

npm install ogl clsx tailwind-merge

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

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