# P5JS Particle Flow Animation

**URL:** https://discourse.processing.org/t/p5js-particle-flow-animation/13343
**Category:** Gallery
**Created:** [August 12, 2019, 5:36pm UTC](https://discourse.processing.org/t/p5js-particle-flow-animation/13343 "2019-08-12T17:36:31Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![atoro](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/atoro/32/1351_2.png) [@atoro](https://discourse.processing.org/u/atoro)
#### Post date: [August 12, 2019, 5:36pm UTC](https://discourse.processing.org/t/p5js-particle-flow-animation/13343/1 "2019-08-12T17:36:31Z")

</div>

![demo](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/cf42088a456f4cd1754e936ff8a20a2ee4fe3d3a.png)

[Check out the online demo](http://p5js-particle-flow.surge.sh/)

The source code is available [here](https://github.com/atorov/p5js-particle-flow)

---

<div class="post-metadata">

### Author: ![atoro](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/atoro/32/1351_2.png) [@atoro](https://discourse.processing.org/u/atoro)
#### Post date: [August 13, 2019, 9:50am UTC](https://discourse.processing.org/t/p5js-particle-flow-animation/13343/2 "2019-08-13T09:50:10Z")

</div>

Some screen shots

 ![1565633239038](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/425b1ab3c51a608697a567029813d2ba0aa1bff2.png) ![1565633265676](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/4f3c6551917ab996b9db6aec022d02e38f645cb1.png) ![1565633356706](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/d/d8af16760dec9947a83c3094438abc9e12ff00e8.png) ![1565633394462](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/a/a26e654a687e3f1cffb2e9979168963dde665a03.png) ![1565633398240](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/737d5e554d197fa1ba250a99e89687011b3682b8.png) ![1565633418142](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e6d9eff6fe4fca0c0430a754d9b1914d4535f689.png) ![1565633423888](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/4d9db64bddf848556654b92fcb75bb56c61243a7.png) ![1565633453997](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e3684f68a64a1d17b96775d203c0aedf46452f7c.png) ![1565634207349](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/9/997a649b5041cb9962dc4dd1250cc31cfec6bed1.png) ![1565634363686](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/b/b064db7b7a149e04357ab1180e5dc4c53a01af4e.png) ![1565635294897](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/721af23dcae520dc59a8fc19776719ea0c90babc.png) ![1565635306626](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/1/1863a878d6ed31fc7ab35e2f204e382ea7b55f7b.png) ![1565635323258](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e24661282d397f556c0937fb7482869d896a0e63.png) ![1565635522659](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/0/06bca7c2b1a314954531cbc50a0b53da54cf02de.png) ![1565635584825](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/60832078fb9ebdfdb1a5fd7a7c0847de56aa3e63.png) ![1565635628219](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/b/be82eaf2b56b149eb07fbbe7ddafd6c8fc8dcf9d.png) ![1565635656113](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/3/3f75ae2b0062a6f75563b497acc87d2e104b93f6.png) ![1565635682059](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/82e45df6c4327f8adf5d0c14471c2684d6aff67a.png) ![1565635735428](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/cec54dad570bcb5178007f541bca3fb0c67daaa4.png) ![1565635741225](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/9/916ff60eb4f15058322103cc92fbb51011c9f162.png) ![1565635747760](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/61439f3092c073d0327a09477bcd29385dfb1840.png) ![1565635811186](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/636e9994801158a956a58089957e635b55eb179c.png)