Using processing libraries in processing.js

Question

For those that don't know, Processing is a great Java library =for rendering nice visualizations of data and serves as a wrapper for JOGL.

Processing.js is the Javascript port of this library.

In order to create a processing applet inside HTML, you need 3 things.

1. processing.js
2. anything.html
3. anything.pde // Processing program

I'm basically trying out the js version and the problem is that if any libraries are included in the pde, it won't load inside the canvas.

---

Here are 2 examples:

1. This is an example that spawns some basic shapes with no libraries required.
2. This is an example that uses the handy fisica library. If I try it in the same format as this then it will not load.

---

I have 2 hypotheses:

1. There is some configuration that must be done before using any libraries in processing.js.
2. All libraries for Processing are put in the default library folder \Processing\modes\java. This is obviously not being reached by the HTML file so perhaps there is another way to add the files into the application?

Answer 1

Unfortunately, Processing.js does not support Processing libraries. This because they are compiled Java bytecode, not Java source code. For physics, you could use Box2D.js. See a tutorial on processingjs.org. For more information on the limitations of Processing.js as compared to Processing, see our P5 quick start guide.