# Generative Art Tutorials with p5

**URL:** <https://discourse.processing.org/t/generative-art-tutorials-with-p5/18042>\
**Category:** Summer of Code\
**Created:** [February 23, 2020, 9:34am UTC](https://discourse.processing.org/t/generative-art-tutorials-with-p5/18042 "2020-02-23T09:34:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tanvikumar](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@tanvikumar](https://discourse.processing.org/u/tanvikumar)\
**Post date:** [February 23, 2020, 9:34am UTC](https://discourse.processing.org/t/generative-art-tutorials-with-p5/18042/1 "2020-02-23T09:34:56Z")

</div>

Hello Community!  
This is Tanvi Kumar, a final year student at NIT-T, India. I’ve been working with p5 for a while now and did GSoC’18 under The Processing Foundation. Post this I’ve had the opportunity to interact with many from the community, especially during Processing Community Days here in India. It was at these events that I was exposed to the world of generative art or code based artwork and I’ve been hooked since.

While there are plenty of resources online to help one begin, as someone from an engineering background and not a lot of exposure to design and art (I’m improving), it was hard to identify where to begin. It’s great to see workshops happening around the country to teach more designers Processing tools and p5 to create more artwork, and to see coders learning how to create art, but I’d like to pitch something to bridge a gap further.

A tutorial on how to create artwork using p5. Starting from the very basics, to more complex pieces. I realise that there’s no world where one can create something very extensive because art is, in itself infinite. But there are some common tricks and tools, concepts and famous pieces that one can know.

Would love to know if this is feasible!

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [February 26, 2020, 8:08pm UTC](https://discourse.processing.org/t/generative-art-tutorials-with-p5/18042/2 "2020-02-26T20:08:33Z")

</div>

Hi @tanvikumar – thanks for all you do for the Processing community and for sharing your new ideas!

I my personal reaction to this idea is that it sounds exciting but that you should _focus_ a lot on a specific concept – and perhaps related to generative art-making for a concrete audience (e.g. bridge a gap _for who_). Generative art can be still images, animation, generative audio, 3d modeling or 3d printing, et cetera.

I’d also suggest looking at some of the frameworks around generative art and processing that already exist and asking what is missing. For example, if you were trying to teach a generative art class using only the existing Processing examples / tutorials, which would you assign to your students in what order, and what is missing? Or if you were going to use only Coding Train videos, which in what order, and what is missing?

Then, evaluate what already exists that is tailored to the topic, but may be out of date or a different mode (Processing 1 or 2, or p5.js) or may be something to start from. I’m thinking of books e.g.

Generative Art: a practical guide using Processing by Matt Pearson

> **[Generative Art: A Practical Guide Using Processing](https://www.amazon.com/Generative-Art-Practical-Guide-Processing/dp/1935182625/ref=sr_1_1?keywords=9781935182627&qid=1582747428&sr=8-1)**
>
> 3.9 out of 5 stars,

Algorithms for Visual Design Using the Processing Language 1st Edition  
by Kostas Terzidis

> **[Algorithms for Visual Design Using the Processing Language](https://www.amazon.com/Algorithms-Visual-Design-Processing-Language/dp/0470375485)**
>
> 3.5 out of 5 stars, 
>   
>   
>   
> $70.00

Generative Design: Visualize, Program, and Create with Processing

> **[Generative Design: Visualize, Program, and Create with Processing](https://www.amazon.com/Generative-Design-Visualize-Program-Processing/dp/1616890770)**
>
> 4.8 out of 5 stars, 
> ISBN: 978-1616890773, 
> Princeton Architectural Press, 
> August 22, 2012, 
> $59.61

(and the newer version for p5.js):  
Generative Design: Visualize, Program, and Create with JavaScript in p5.js

> **[Generative Design: Visualize, Program, and Create with JavaScript in p5.js](https://www.amazon.com/Generative-Design-Visualize-Program-JavaScript/dp/1616897589)**
>
> 5.0 out of 5 stars, 
> ISBN: 978-1616897581, 
> Princeton Architectural Press, 
> October 30, 2018, 
> $35.63

or online articles with p5.js examples like:

A gentle introduction to coding by making generative art by Ibby EL-Serafy

> **[A gentle introduction to coding by making generative art](https://medium.com/@theibbster/a-gentle-introduction-to-coding-by-making-generative-art-c7f0a7b744a6)**
>
> I’m going to walk you through creating your first piece of generative art — that’s art that’s made in whole or part by a self-governed…

or

An introduction to Generative Art: what it is, and how you make it by Ali Spittel

> **[An introduction to Generative Art: what it is, and how you make it](https://www.freecodecamp.org/news/an-introduction-to-generative-art-what-it-is-and-how-you-make-it-b0b363b50a70/)**
>
> by Ali Spittel
> 
> An introduction to Generative Art: what it is, and how you make it
> Mandelbrot’s Fractal is derived from a deceptively simple equationGenerative art
> can be an intimidating topic — it seems like there is a lot of math involved,
> and art...

This is not to discourage you – just to encourage you to think strategically about what exists that can be built on or adapted, or how a tutorial project would work differently then the books and online resources that are already available.