Boids Lab
v0.1.2
Interactive Environment
import { BoidsJS } from '@individual11/boidsjs/react';
const App = () => (
<div style={{ width: '100vw', height: '100vh' }}>
<BoidsJS
boidCount={150}
color="#111111"
shape="triangle"
boidSize={5}
algorithm="reynolds"
maxSpeed={4}
minSpeed={2}
maxForce={0.1}
mouseInteraction="repulse"
mouseRadius={150}
predatorCount={0}
showFlowField={false}
showNoiseBackground={false}
flowFieldColor="rgba(0,0,0,0.1)"
perceptionRadius={50}
alignmentWeight={1}
cohesionWeight={1}
separationWeight={1}
scale={0.003}
strength={0.25}
/>
</div>
);Performance may vary based on hardware and boid count.