var p1x = 150, p1y = 200;
var p2x = 250, p2y = 200;

var pnorm = function(p, x1, y1, x2, y2) {
    return pow(pow(abs(x2-x1), p) + pow(abs(y2-y1),p), 1.0/p);
};

var draw = function() {
    // bg clearing
    // noStroke();
    // fill(255, 255, 255, 1);
    // rect(0,0,width,height);
    
    // points
    strokeWeight(5);
    stroke(0, 0, 0);
    point(p1x, p1y);
    point(p2x, p2y);
    strokeWeight(1);
    
    // rgb bg
    for (var x = 0; x < width; x += random(1,5)) {
        for (var y = 0; y < height; y += random(1,5)) {
            var d1 = pnorm(0.9, x,y,p1x,p1y);
            var d2 = pnorm(0.9, x,y,p2x,p2y);
            var d3 = pnorm(0.9, p1x,p1y,p2x,p2y);
            
            if (d1 < min(d2,d3)) {
                stroke(255,0,0);
                point(x,y);
            }
            else if (d2 < min(d1,d3)) {
                stroke(0,255,0);
                point(x,y);
            }
            else {
                stroke(0,255,255);
                point(x,y);
            }
            
            stroke(d1, d2, 0, 100);
            point(x,y);
        }
    }
};