ProcessingJS

Para ejecutar un archivo generado con processing, hay que hacer una llamada desde el HTML al JS:

Un primer método será llamar directamente al archivo .pde

Un segundo método es copiar el contenido del archivo .pde directamente en la página:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo</title>
<script src="processing.js"></script>
<script type="text/processing" data-processing-target="mycanvas">
void setup()
{
size(200,200);
background(125);
fill(255);
noLoop();
PFont fontA = loadFont("courier");
textFont(fontA, 14);
}

void draw(){
text("Hello Web!",20,20);
println("Hello ErrorLog!");
}
</script>
</head>
<body>
<canvas id="mycanvas"></canvas>
</body>
</html>