title: Using processing libraries in processing.js
body: <p>For those that don't know, <a href="http://processing.org" rel="nofollow">Processing</a> is a great Java library =for rendering nice visualizations of data and serves as a wrapper for JOGL.</p>
  
  <p><a href="http://processingjs.org" rel="nofollow">Processing.js</a> is the Javascript port of this library.</p>
  
  <p>In order to create a processing applet inside HTML, you need 3 things.</p>
  
  <ol>
  <li>processing.js </li>
  <li>anything.html </li>
  <li>anything.pde   // Processing program</li>
  </ol>
  
  <p>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. </p>
  
  <hr>
  
  <p>Here are 2 examples:</p>
  
  <ol>
  <li><a href="http://pastebin.com/AbXYQVDY" rel="nofollow">This</a> is an example that spawns some basic shapes with no libraries required.</li>
  <li><a href="http://pastebin.com/V4ZJgumZ" rel="nofollow">This</a> is an example that uses the handy fisica library. If I try it in the same format as this then it will not load.</li>
  </ol>
  
  <hr>
  
  <p>I have 2 hypotheses:</p>
  
  <ol>
  <li>There is some configuration that must be done before using any libraries in processing.js.</li>
  <li>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?</li>
  </ol>