5 ms·
P5.js Crash Course: Recreate Art You Love
- jordanwallwork 9y agoUnrelated 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
- ashwinv11 9y agoSorry about that, just fixed it!
- Helloworldboy 9y agoThis is awesome. I loved building little apps in Processing in college, looking forward to trying this out.
- grahamperich 9y agoNice! For those who aren't too familiar with P5.js, you may enjoy this introduction: http://hello.p5js.org/ 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/ https://github.com/brianchirls/Seriously.js/
- deleted 9y ago[deleted]
- deleted 9y ago[deleted]
- packetslave 9y agobe careful with that Seriously repository. The link to seriouslyjs(dot)org appears to be trying to install malware.
- droidist2 9y agoSeriously!?!
- IanCal 9y agoTo maybe save people a bit of time who do what I did: The video compositing library seems to no longer have a main website. The video drawing library, popcorn.js was run by mozilla but they no longer maintain it. There is a fork however. On the github page for this, it links to a js fiddle to try it out which fails to do the simple demo. The reason it fails is because the location it's pulling popcorn.js from is now just serving up HTML (js fiddle could make this clearer there's an issue). You may have to try things out locally to get it working.
- gadders 9y agoIs there anything I can read rather than watch a video?
- nrjames 9y agoThis is great for learning Processing. http://natureofcode.com/book/ http://natureofcode.com/book/
- bob_loblaw 9y agoDan Shiffman has a great YouTube channel on Processing stuff (mostly P5 these days). https://www.youtube.com/user/shiffman/ https://www.youtube.com/user/shiffman/
- jhochenbaum 9y agoDan 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 https://www.kadenze.com/courses/the-nature-of-code/info
- pmcpinto 9y agoNice tip. I've started this course a couple of days ago: https://www.kadenze.com/courses/introduction-to-programming-for-the-visual-arts-with-p5-js-vi https://www.kadenze.com/courses/introduction-to-programming-... I think I'm going to do that one next
- Already__Taken 9y agoHis recent arrays one was really great.
- bionicbrian 9y agoLove that guy. Worth watching just for the comedy.
- chairmanwow 9y agoI have watched so many hours of Dan's videos because he inspires a fervency of the acquisition of knowledge. I absolutely wish that I had his videos whenever I was first starting to program. His attitude is so endearing as it is clear that he simply can't contain his excitement about programming. His Youtube channel used to be called "Coding Rainbow", but he was unfortunately forced to change it. He really does a great job at capturing the sense of wonder that "Reading Rainbow" inspired in me as a kid.
- 9y ago
- toisanji 9y agohere is a site I built to teach people how to code and draw with p5js: http://www.pushpopchallenge.com/ http://www.pushpopchallenge.com/
- misterman101 9y agoTo 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/ http://paperjs.org/
- Already__Taken 9y agoI 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 https://github.com/BirkdaleHigh/sketch
- greggman 9y agoBret Victor had some thoughts on ways P5 could be improved http://worrydream.com/LearnableProgramming/ http://worrydream.com/LearnableProgramming/
- qubex 9y agoI really love Processing (and its derivative P5.js) but I never really have any ideas to what to build with these tools in order to get truly dexterous and acquainted with them. I’ve recently set myself the goal of implementing the ”Wave Function Collapse Algorithm” (https://github.com/mxgmn/WaveFunctionCollapse/blob/master/README.md https://github.com/mxgmn/WaveFunctionCollapse/blob/master/RE...) in P5.js as a kind of catalyst to get me going.
- posterboy 9y agoThis was a while ago, right? It's pretty cool, could be used for a procedural demo, maybe with music in a similar way.
- qubex 9y agoThe algorithm was discovered/invented by analogy to Quantum Mechanics (with which it shares many similarities, but also important differences: the algorithm deals with probabilities, while the actual quantum physics deals with amplitudes, of which probabilities are the square). Most of the stuff on that repository dates back about a year, and I first read about it about then here on Hacker News, but searching for the actual article has me swamped with references to quantum mechanics and physics. Anyway, it has very general and broad applications indeed. Audio, 3D voxel spaces, et cetera, beyond the obvious 2D pixel space. UPDATE: found the original entry on Hacker News, it was indeed first mentioned a year ago (with a few subsequent reposts): https://news.ycombinator.com/item?id=12612246 https://news.ycombinator.com/item?id=12612246
- ggambetta 9y agoThis is beautiful. It captures the immediacy of writing some code and seeing something on the screen that I remember (and miss) from the ZX Spectrum.
- RamonCal 9y agoSuper! Need to try it to do an experiment
- posterboy 9y agois there an online comunity for processing.js like wonderfl for flash?