Simple project arising from Covid-19 boredom...

Flocking simulation using Pixi JS

Implementation of Craig Reynold's flocking approach. Inspired by The Coding Train on youtube ... taking a break from looking at videos on woodworking :)

• Boids are can be given a limited view
  • View can be restricted by FOV and distance (via code!)
  • View cone starts from the front of boid as opposed to the centre of it
  • View cones can be enabled/disabled (via code!)
• View adjusts to window size (including debounce implementation)
• Cursor avoidance
• Colour of boid is based on the angle of the boids velocity
• Ability to set the percentage of each force applied

Todo

• Optimise performance
• Enable manipulation of rules
• Add cursor avoidance
• Add screen edge avoidance

To run

npm i && npm start

Live Demo

coderadical-flocking

References

Craig Reynold

Coding Challenge Flocking Video

Coding Challenge Youtube channel