![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/92b3ae108189655.5fbbe37fe8d74.gif)
Serendipity delves into the generative side of creative coding. Focusing on Particle Systems, Perlin Noise and different existing formulas in order to create a variety of motion. The base of the codes are simple. However, manipulating the numbers and formulas allows for endless possibilities and I am merely just scratching the surface. What's fascinating is that the result varied every time each different code was ran. Each piece has it's own unique quality. A one of one. This is the result of combining logic and madness. No plans or vision for the outcome. Just "a fortunate stroke of serendipity".
This is a curated selection. Created using P5.js and Processing.
Follow my journey of creative coding, posting daily on my Instagram @andreiongd
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ac875c108189655.5fbae89bf35e5.png)
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/761434108189655.5fbaed7a5b983.png)
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9075ae108189655.5fb85a1cb97ce.gif)
"wwwave"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cc118e108189655.5fb8283da1de3.gif)
"waterfall"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9416b7108189655.5fb8283da2cb2.gif)
"flow"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5886e7108189655.5fb8283da25e5.gif)
"fountain"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/21e853108189655.5fb80572bb16e.gif)
"avalanche"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4fae39108189655.5fbadfe59df7e.gif)
"hugs&kisses"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/09dd09108189655.5fb80572bac99.gif)
"lullaby"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c28d4c108189655.5fb8283da056d.gif)
"a glass of water"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b6b0df108189655.5fb8283da33f4.gif)
"the rising sun"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/60ebde108189655.5fb7fd87eabf0.gif)
"shooting stars"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/dadd32108189655.5fb8283da41d7.gif)
"blackhole"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/70cba7108189655.5fb8283da0b41.gif)
"a starry night"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/fe2a16108189655.5fb7fcf3d1019.gif)
"pins&needles"
![creative coding generative gif Kinetic Type kinetic typography motion p5.js processing type typography](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/59ebf9108189655.5fb8283da3b2d.gif)
"i've got my eye on you"