ืจืงืขืืืืืฉ
ืืืงืช ืฆืืคืืจืื
ืืืงื ืืื ืขื 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