3D ะธ WebGLProะะพะฒะพะต
ะะปะพะฑัั ะธะท ัะพัะตะบ
ะขััั ะผะตัะฝัะน ัะฐั ะธะท ัะพัะตะบ ะฝะฐ three.js. ะะตะดะปะตะฝะฝะพ ะฒัะฐัะฐะตััั, ัะฐััั ัะพัะตะบ ะฟัะปััะธััะตั, ะตะณะพ ะผะพะถะฝะพ ะบัััะธัั ะผัััั.
ะะฐัััะพะนะบะธ
dotColor
highlightColor
ะะพะผะฟะพะฝะตะฝั Codearia ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะะฐัะฐะผะตััั
10 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| dotCount | number | 2400 | ะกะบะพะปัะบะพ ัะพัะตะบ ะฝะฐ ััะตัะต. |
| dotColor | string | "#a3a3a3" | ะฆะฒะตั ะพะฑััะฝัั ัะพัะตะบ. |
| highlightColor | string | "#ffffff" | ะฆะฒะตั ะฟัะปััะธััััะธั ัะพัะตะบ. |
| dotSize | number | 2.4 | ะ ะฐะทะผะตั ัะพัะบะธ, ะฒ ะฟะธะบัะตะปัั . |
| highlightRatio | number | 0.04 | ะะพะปั ะฟัะปััะธััััะธั ัะพัะตะบ. |
| speed | number | 1 | ะกะบะพัะพััั. 0 ะพััะฐะฝะฐะฒะปะธะฒะฐะตั ะดะฒะธะถะตะฝะธะต. |
| tilt | number | 18 | ะะฐะบะปะพะฝ ะพัะธ, ะฒ ะณัะฐะดััะฐั . |
| draggable | boolean | true | ะะปะพะฑัั ะผะพะถะฝะพ ะบัััะธัั ะผัััั ะธะปะธ ะฟะฐะปััะตะผ. |
| children | ReactNode | โ | ะกะพะดะตัะถะธะผะพะต ะฟะพะฒะตัั ัััะตะบัะฐ. |
| className | string | โ | ะะปะฐััั ะดะปั ะพะฑัััะบะธ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 3
npm install three clsx tailwind-merge