Si necesitás exactamente lo mismo podés copiar el código.
Si en cambio lo que necesitás es aprender, planteá tus dudas de manera más puntual y será más fácil ayudarte. Ejemplo:
1)Cómo dibujar una línea entre los puntos a y b?
2)Cómo hacer que se vaya desvaneciendo en cada nuevo fotograma?
Y luego otras ya más complejas como detectar proximidad, almacenar coordenadas de líneas generadas, etc.
Este sencillo código (tomado de este artículo:
http://ejohn.org/blog/adv-javascript-and-processingjs/) que sólo usa canvas (no usa processing) te dará algunas ideas respecto del desvanecimiento en cada fotograma:
Código PHP:
<html>
<head>
<title>Canvas</title>
<script>
window.onload = function(){
var elem = document.createElement("canvas");
elem.width = 500;
elem.height = 500;
document.body.appendChild( elem );
var context = elem.getContext("2d");
context.fillRect(0, 0, elem.width, elem.height);
var pos = 0, dir = 1;
setInterval(function(){
context.rotate( 15 );
context.fillStyle = "rgba(0,0,0,0.05)";
context.fillRect(0, 0, elem.width, elem.height);
context.fillStyle = "rgba(255, 0, 0, 1)";
context.fillRect(pos, pos, 20, 20);
pos += dir;
if ( pos > elem.width ) {
dir = -1;
} else if ( pos + 20 < 0 ) {
dir = 1;
}
}, 10);
};
</script>
</head>
<body></body>
</html>
Con respecto a dibujar líneas, ya en otros enlaces que te pasé tenés material más que suficiente.