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
 
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
 
tobto profile image
Yuri Polchenko

Thanks, that is awesome!

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
 
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
 
jackharner profile image
Jack Harner πŸš€

I just started playing with Canvas the other day!

Collapse
 
triptych profile image
Andrew Wooldridge

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

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!