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.