/processing.js-starter

Starter empty project for Processing.js

Primary LanguageApacheConf

This project is no longer maintained. You may be interested in p5js.

Processing.js starter kit

  1. Create a separate Processing file or files, naming them whatever you want, as long as they have a *.pde extension.
  2. Include Processing filenames as a space-separated list in a data-processing-sources attribute on the canvas.
  3. Processing.js will automatically scan the document on page load for elements with data-processing-sources attributes, download the files using XMLHTTPRequest, and feed them to the Processing-to-JavaScript translator. The resulting JavaScript is run using eval.
  4. To change canvas size:
    • edit ".processingcanvas" class in "css/style.css".
    • edit *.pde file's "size()" function in "void setup()" on line 4.