quadratic curve for processingjs

quadratic-curve-processing

var processing_canvas = document.getElementById("processing");
animation = new Processing(processing_canvas, function($p){
        $p.setup = function(){
                $p.size(500, 400);
                $p.strokeWeight(2);
                $p.smooth();
                $p.noLoop();
        },
        $p.draw = function(){
                $p.quadraticBezierVertex(79,71,239,147,397,58);
        },
        $p.quadraticBezierVertex = function(x0, y0, cpx, cpy, x, y) {
                var cp1x = x0+ 2.0/3.0*(cpx - x0);
                var cp1y = y0 + 2.0/3.0*(cpy - y0);
                var cp2x = cp1x + (x - x0)/3.0;
                var cp2y = cp1y + (y - y0)/3.0;
                
                $p.noFill();
                $p.beginShape();
                $p.vertex(x0, y0);
                $p.bezierVertex(cp1x, cp1y, cp2x, cp2y, x, y);
                $p.endShape();
        }
});