What is the difference between p5.js and processing.js
I've been asked a question in another discussion about Processing & p5, so rather than answer it in the middle of a CSS discussion I thought I'd answer it here.
The question was: what is the difference between p5.js and processing.js - @ibrahimabdiabdulahi
Processing itself is an open source programming language and an IDE packaged together. It has been around for 14 years and is now on version 3. It was designed with both the visual arts & beginner programmers in mind. It is built on top of Java but uses simplified syntax and graphics model. You can export your projects as standalone desktop apps for Windows, Mac or Linux, but as you can expect many people wanted to display their graphical sketches on the web. So we used to also be able to export as Java Applets.
But the world moved on and Java Applets fell out of favor. So in stepped John Resig & the students at Seneca College to develop Processing.js.
and then declare a canvas element with a data-processing-sources attribute pointing at your Processing code
It used to work well for simple projects but there were a number of challenges inherent in the conversion between languages.
If you are new to programming then I think both are great options, as the immediate visual results of the sketches can be very motivating.
As Treehouse do not currently teach Processing or p5.js I don't feel bad in pointing you at Daniel Shiffman's YouTube channel where he covers both Processing and p5.js ... and is also very entertaining to watch. He is also one of the project leads with the Processing Foundation.
Thanks a lot man.