subtriangles.js

var triad = {
    first : {
        x : 100,
        y : 225
    },
    second : {
        x : 150,
        y : 140
    },
    third : {
        x : 200,
        y : 225
    }
};

var a1 = atan2(triad.second.y - triad.third.y, triad.second.x - triad.third.x);
var a2 = atan2(triad.first.y - triad.third.y, triad.first.x - triad.third.x);

var a3 = atan2(triad.first.y - triad.second.y, triad.first.x - triad.second.x);
var a4 = atan2(triad.third.y - triad.second.y, triad.third.x - triad.second.x);

var a5 = atan2(triad.third.y - triad.first.y, triad.third.x - triad.first.x);
var a6 = atan2(triad.second.y - triad.first.y, triad.second.x - triad.first.x);

var d = 34;

var px = triad.third.x + cos(a1) * d;
var py = triad.third.y + sin(a1) * d;

var px2 = triad.third.x + cos(a2) * d;
var py2 = triad.third.y + sin(a2) * d;

var px3 = triad.second.x + cos(a3) * d;
var py3 = triad.second.y + sin(a3) * d;

var px4 = triad.second.x + cos(a4) * d;
var py4 = triad.second.y + sin(a4) * d;

var px5 = triad.first.x + cos(a5) * d;
var py5 = triad.first.y + sin(a5) * d;

var px6 = triad.first.x + cos(a6) * d;
var py6 = triad.first.y + sin(a6) * d;




triangle(triad.first.x, triad.first.y, triad.second.x, triad.second.y, triad.third.x, triad.third.y);


//ellipse(px, py, 10, 10);
//ellipse(px2, py2, 10, 10);

fill(46, 204, 113);
triangle(triad.third.x,triad.third.y,px,py,px2,py2);


// ellipse(px3, py3, 10, 10);
// ellipse(px4, py4, 10, 10);
fill(52, 152, 219);
triangle(triad.second.x,triad.second.y,px3,py3,px4,py4);

// ellipse(px5, py5, 10, 10);
// ellipse(px6, py6, 10, 10);
fill(155, 89, 182);
triangle(triad.first.x,triad.first.y,px5,py5,px6,py6);