Example Processing script

HTML

<canvas style="image-rendering: -moz-crisp-edges !important;" height="300" width="300" tabindex="0" id="sketch"></canvas>

JavaScript

var body = document.getElementsByTagName("body")[0];

body.addEventListener('load', p, false);

function p() {
  var canvas = document.getElementById("sketch");
  var sketch = new Processing(canvas);


  function setup() {
  	console.log("Called setup");  
  }

  function draw() {
    console.log("Dr")
    sketch.background(128);
    sketch.fill(255);
    sketch.stroke(80);
    sketch.ellipse(s.mouseX, s.mouseY, 20, 20);
  }
  sketch.draw = draw;

  sketch.setup = setup;
  sketch.setup();
}