Back to videos

Boids Flocking Simulation with Three.js & React

Learn how to build an amazing Boids Flocking Simulation landing page with Three.js and React Three Fiber

šŸš€ Learn React Three Fiber with my complete course āœØ

https://lessons.wawasensei.dev/courses/react-three-fiber/

Kirzozz šŸ‘ø

https://www.instagram.com/Kirzozz

Live demo šŸ–ļø

https://r3f-boids-final.vercel.app/

Starter pack šŸ”—

https://github.com/wass08/r3f-boids-starter

Final code šŸ”—

https://github.com/wass08/r3f-boids-final

#threejs #webdevelopment #reactthreefiber

Resources

Convert fonts to Typeface

https://gero3.github.io/facetype.js/

Boids algorithm

https://www.red3d.com/cwr/boids/

React Three Fiber Examples

https://react-three-fiber.docs.pmnd.rs/getting-started/examples

GPGPU example

https://threejs.org/examples/?q=pgp**#webgl_gpgpu_birds_gltf**

Need help with this tutorial? Join our Discord community!