Processing.js

Processing.js
Processing logo
Original author(s)John Resig
Developer(s) Seneca CDOT
Initial release2008; 11 years ago (2008)
Stable release
1.6.6 / March 5, 2017; 2 years ago (2017-03-05)
Repository Edit this at Wikidata
Written inJavaScript
Size61 KB (gzipped) / 209 KB (production) / 754 KB (development)
TypeWeb application framework
LicenseMIT
Websiteprocessingjs.org

Processing.js is a JavaScript port of Processing, a programming language designed to write visualisations, images, and interactive content. It allows web browsers to display animations, visual applications, games and other graphical rich content without the need for a Java applet or Flash plugin. It was discontinued in December 2018.

Processing.js was originally created to allow existing Processing developers and existing code to work unmodified on web. Processing.js used JavaScript to render 2D and 3D content on the HTML canvas element, and was supported by browsers that have implemented this element (the latest versions of Mozilla Firefox, Opera, Internet Explorer, Safari and Google Chrome).

The development of Processing.js was started by John Resig and then picked up by the CDOT group at Seneca College after its initial release in 2008. A team of students and professors finished the porting work to get Processing.js to parity with the Processing v1.0 API, fixing more than 900 bugs, shipping 12 releases, and creating a vibrant community in the process. The project was run through a partnership between the Mozilla Foundation and Seneca College, led by David Humphrey, Al MacDonald, and Corban Brook.

Processing.js development was moved to Github in February of 2010, receiving contributions from 58 individuals, and was kept at parity with Processing up to its API version 2.1 release. The project was discontinued in December of 2018, two years after active development on it had stopped.

IDE

The Processing.js code was designed to be used with standalone text editors, but can also be built into an integrated development environment (IDE).

Following are IDEs which supported Processing.js:

  • Sketchpad, which put processing on Etherpad, allowing authors to simultaneously edit a text document, and see all of the participants' edits in real-time, with the ability to display each author's text in their own color.
  • The Processing helper tool allowed editing Processing.js code.
  • There were plugins that allowed Eclipse users to write Processing.js code.

iPhone use

There exists an integration of the Processing.js library and a Javascript application framework for iPhone, called iProcessing.

Processing syntax

Processing.js syntax was almost identical to that of the Processing language, as it was intended to be a code-compatible port of Processing. It uses the same setup() function to define general visualization properties like canvas size, frame rate and other variables, and the draw() function as (animated) frame drawing function. File support covered the Processing .pde extensions, as well as commong JavaScript extensions.

p5.js

Lauren McCarthy created p5.js,[1] a native JavaScript alternative and successor to Processing.js that has the official support of the Processing Foundation. McCarthy also teaches an introductory course to p5.js on Kadenze.

See also

References

External links