DEV Community

Cover image for Intro to Generative Art

Intro to Generative Art

Ali Spittel on September 25, 2018

Generative art can be an intimidating topic -- it seems like there is a lot of math involved, and art is tricky in itself! But, it doesn't have to ...
Collapse
 
rpalo profile image
Ryan Palo •

+1 for P5 and Dan Shiffman. Check out The Nature of Code for a bunch of cool tutorials and projects!

Collapse
 
ben profile image
Ben Halpern •

I was just hanging out with @shiffman today!

Great stuff @aspittel . I'm also impressed the page isn't all that laggy for me with all this stuff going on.

Collapse
 
aspittel profile image
Ali Spittel •

ITP is kind of my dream program. And SFPC.

Collapse
 
gmartigny profile image
Guillaume Martigny •

Shameless plug:
I created Pencil.js for this kind of use. I learned p5.js a while ago and became frustrated by the syntaxe. I love OOP and it make a lot of sense in the graphical realm.

Check out the examples.

Collapse
 
philnash profile image
Phil Nash • • Edited

This is awesome and thanks for sharing one of my little projects! Mine was made during a workshop with Tim Holman, he is awesome as is his generative artistry project!

And working with canvas inspired me to do some other drawing based stuff, like the post I released this week on audio visualisation in React.

Collapse
 
equinusocio profile image
Mattia Astorino •

This article reminds me weavesilk.com/

Collapse
 
hzlmn profile image
Oleh Kuchuk •

Brilliant article! Thanks.

Collapse
 
k_staszewski profile image
Kamil Staszewski •

Thanks for a great intro. Thats what i was looking for.

Collapse
 
leowhyx profile image
Leowhyx •

Generative art is great and I'm very passionate about it. Especially since it also has a use in nft. If anyone is interested in this post, I recommend this post: nftmonk.com/what-is-generative-art...

Collapse
 
whoisryosuke profile image
Ryosuke •

Very cool. Love to see more takes on the artistic side of development, and the potential of programming as a creative outlet.

Collapse
 
kr428 profile image
Kristian R. •

Cool, thanks. Looks like something to spend a few evenings with. :)

Collapse
 
david_j_eddy profile image
David J Eddy •

You always have the most interesting articles Ali. Keep being awesome.

Collapse
 
aspittel profile image
Ali Spittel •

Thank you so much!!!

Collapse
 
kylegalbraith profile image
Kyle Galbraith •

Fantastic post Ali! I have been trying to get into more of this type of work on my own projects as I believe it adds another level of engagement for audiences. Keep up the great work.

Collapse
 
aspittel profile image
Ali Spittel •

Yeah! I totally agree -- especially interactive elements to sites. Thanks!

Collapse
 
tobto profile image
Yuri Polchenko •

Thanks, that is awesome!

Collapse
 
jackharner profile image
Jack Harner πŸš€ •

I just started playing with Canvas the other day!

Collapse
 
tobto profile image
Yuri Polchenko •

Another parallel question is how to generate short HQ AVI file from JS show on canvas?

Collapse
 
aspittel profile image
Ali Spittel •

I haven't worked with an AVI file before with canvas, sorry!

Collapse
 
triptych profile image
Andrew Wooldridge •

This is such a great and inspiring article! Thanks for this!