processing101.html

<!-- download from https://raw.github.com/processing-js/processing-js/v1.4.8/processing.min.js -->
<script src="processing.js"></script> 

<script type="text/processing" data-processing-target="mycanvas">
void setup()
{
  size(200,200);
  background(125);
  noLoop();
  PFont fontA = loadFont("courier");
  textFont(fontA, 14);
}

void draw(){  
  fill(#ffffff);
  text("Hello Web!",20,20);

  fill(#ff0000);
  ellipse(56, 80, 55, 55);
}
</script>
<canvas id="mycanvas"></canvas>