Uploading a p5.js sketch to OpenProcessing

p5.js
3

I believe you already know OpenProcessing.org/sketch/create has a switch to change the default p5js engine to the Processing.js (Pjs) 1.

For example, I’ve got this sketch “Repetitive Bézier Curve Patterns” for both p5js & Pjs engines:

  1. OpenProcessing.org/sketch/400949 (p5js)
  2. OpenProcessing.org/sketch/400921 (Pjs)

The same for the sketch “3D Knot”:

  1. OpenProcessing.org/sketch/608726 (p5js)
  2. OpenProcessing.org/sketch/608725 (Pjs)

At the top-right side, there’s a clickable vertical ellipsis that opens a panel w/ 3 tabs:

  1. Settings
  2. Files
  3. History

Within the Settings tab, there are the options Engine & Text Size.

And finally, under the Files tab, we can upload assets for the sketch via the Upload Files button.

3 Likes