ะคะพะฝัะะพะฒะพะต
ะกัะฐั ะฟัะธั
ะะธะฒะฐั ััะฐั ะฝะฐ canvas: ะฟัะธัั ะดะตัะถะฐััั ะฒะผะตััะต, ะฝะต ััะฐะปะบะธะฒะฐัััั ะธ ัะฐะทะปะตัะฐัััั ะพั ะบัััะพัะฐ.
ะะฐัััะพะนะบะธ
background
color
ะัะฝะพะฒะฐะฝะพ ะฝะฐ Boids Ecosystem (MIT ะปะธัะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัะทะพะฒะฐะฝะธั
ะัั ะฒ Pro
ะกะผะพััะตัั ะฒัะตะะฐัะฐะผะตััั
10 ะฟะฐัะฐะผะตััะพะฒ| ะะฐัะฐะผะตัั | ะขะธะฟ | ะะพ ัะผะพะปัะฐะฝะธั | ะะฟะธัะฐะฝะธะต |
|---|---|---|---|
| count | number | 120 | ะกะบะพะปัะบะพ ะฟัะธั ะฒ ััะฐะต. |
| agentShape | 'triangle' | 'dot' | "triangle" | ะคะพัะผะฐ ะฟัะธั: ััะตัะณะพะปัะฝะธะบ ะธะปะธ ัะพัะบะฐ. |
| cursorRadius | number | 90 | ะะฐ ะบะฐะบะพะผ ัะฐัััะพัะฝะธะธ ััะฐั ัั ะพะดะธั ะพั ะบัััะพัะฐ, ะฒ ะฟะธะบัะตะปัั . |
| background | string | "#0a0a0a" | ะฆะฒะตั ัะพะฝะฐ ะฒ ัะพัะผะฐัะต #rrggbb. ะั ะฝะตะณะพ ะทะฐะฒะธัะธั ะดะปะธะฝะฐ ัะปะตะนัะฐ. |
| palette | string[] | "[\"#fafafa\", \"#d4d4d4\", \"#a3a3a3\", \"#737373\"]" | ะฆะฒะตัะฐ ะฟัะธั, ะบะฐะถะดะพะน ะดะพััะฐัััั ัะปััะฐะนะฝัะน. |
| color | string | โ | ะะดะธะฝ ัะฒะตั ััะฐะธ: ะฟัะธัั ะฟะพะปััะฐัั ะตะณะพ ัะฒะตัะปัะต ะธ ััะผะฝัะต ะพััะตะฝะบะธ ะฒะผะตััะพ palette. |
| attractors | { x: number; y: number; strength?: number; radius?: number }[] | โ | ะขะพัะบะธ, ะบ ะบะพัะพััะผ ััะฝะตััั ััะฐั. x ะธ y ะพั 0 ะดะพ 1. |
| agentsRef | RefObject<BoidAgent[] | null> | โ | ะกััะปะบะฐ ะฝะฐ ะถะธะฒะพะน ะผะฐััะธะฒ ะฟัะธั, ััะพะฑั ัะธัะฐัั ะธั ะฟะพะทะธัะธะธ. |
| children | ReactNode | โ | ะกะพะดะตัะถะธะผะพะต ะฟะพะฒะตัั ัะพะฝะฐ, ะฝะฐะฟัะธะผะตั ะทะฐะณะพะปะพะฒะพะบ. |
| className | string | โ | ะะปะฐััั ะดะปั ะพะฑัััะบะธ. |
ะะฐะฒะธัะธะผะพััะธ
ะะฐะบะตัะพะฒ: 2
npm install clsx tailwind-merge