P5.js Crash Course: Recreate Art You Love

#1

Post by lolptdr » Mon, Nov 06, 2017, 8:31 PM UTC

P5.js Crash Course: Recreate Art You Love
blog.kadenze.com

Re: P5.js Crash Course: Recreate Art You Love

#2

Post by jordanwallwork » Mon, Nov 06, 2017, 9:42 PM UTC

Unrelated to the article itself, but I hate how it hijacks the scroll to add some kind of easing. It adds nothing and just made reading through the article feel weird

Re: P5.js Crash Course: Recreate Art You Love

#3

Post by Helloworldboy » Mon, Nov 06, 2017, 9:45 PM UTC

This is awesome. I loved building little apps in Processing in college, looking forward to trying this out.

Re: P5.js Crash Course: Recreate Art You Love

#4

Post by grahamperich » Mon, Nov 06, 2017, 9:49 PM UTC

Nice! For those who aren't too familiar with P5.js, you may enjoy this introduction: http://hello.p5js.org/

however, do note that the real-time video compositing is done with a different library (https://github.com/brianchirls/Seriously.js/

Re: P5.js Crash Course: Recreate Art You Love

#5

Post by bob_loblaw » Mon, Nov 06, 2017, 10:32 PM UTC

Dan Shiffman has a great YouTube channel on Processing stuff (mostly P5 these days).

https://www.youtube.com/user/shiffman/

Re: P5.js Crash Course: Recreate Art You Love

#6

Post by toisanji » Mon, Nov 06, 2017, 10:55 PM UTC

here is a site I built to teach people how to code and draw with p5js: http://www.pushpopchallenge.com/

Re: P5.js Crash Course: Recreate Art You Love

#7

Post by ashwinv11 » Mon, Nov 06, 2017, 11:00 PM UTC

jordanwallwork wrote: post #2

Unrelated to the article itself, but I hate how it hijacks the scroll to add some kind of easing. It adds nothing and just made reading through the article feel weird

Sorry about that, just fixed it!

Re: P5.js Crash Course: Recreate Art You Love

#8

Post by jhochenbaum » Mon, Nov 06, 2017, 11:13 PM UTC

bob_loblaw wrote: post #5

Dan Shiffman has a great YouTube channel on Processing stuff (mostly P5 these days). https://www.youtube.com/user/shiffman/

Dan is the man! He also has a great follow up course in p5.js on Kadenze based on his Nature of Code book as well which is really great! https://www.kadenze.com/courses/the-nature-of-code/info

Re: P5.js Crash Course: Recreate Art You Love

#9

Post by misterman101 » Mon, Nov 06, 2017, 11:50 PM UTC

To everybody interested, check out paper.js. It's also programmatic design but everything can be an object, making animations/interactivity easier, along with some other neat features.

http://paperjs.org/

Re: P5.js Crash Course: Recreate Art You Love

#10

Post by Already__Taken » Tue, Nov 07, 2017, 12:02 AM UTC

I put together a very crude scaffold for p5 a long time ago in hopes it might encourage students to dive in and edit code, share/remix. It was an aid to teach client/server things but hopefully have a point to it.

Didn't really take off though: https://github.com/BirkdaleHigh/sketch