triangle_sketch.js

var x = 50;
function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background('Lavender');
  
  fill(50,20,225,130); 
  triangle(30, 75, 58, 20, 86, 75);
  fill(50,20,225,50); 
  triangle(75, 30, 58, 20, 86, 75);
  triangle(30, 90, 58, 50, 86, 90);
  triangle(30, 90, 58, 150, 86, 90);
  triangle(58, 150, 30, 90, 86, 150);
  ellipse (58, 220, 55, 55);
  
  fill(50,250,250,200); 
  triangle(30, 375, 58, 320, 86, 375);
  fill(50,250,250,60);
  triangle(75, 330, 58, 320, 86, 375);
  triangle(30, 390, 58, 350, 86, 390);
  triangle(30, 390, 58, 450, 86, 390);
  triangle(58, 450, 30, 390, 86, 450);
  ellipse(358, 350, 55, 55)

  fill(225,50,225,160); 
  triangle(630, 75, 658, 20, 686, 75);
  fill(225,50,225,70); 
  triangle(675, 30, 658, 20, 686, 75);
  triangle(630, 90, 658, 50, 686, 90);
  triangle(630, 90, 658, 150, 686, 90);
  triangle(658, 150, 630, 90, 686, 150);
  ellipse(358, 50, 55, 55)
  
  fill(250,255,30,160); 
  triangle(630, 375, 658, 320, 686, 375);
  fill(250,255,30,70);
  triangle(675, 330, 658, 320, 686, 375);
  triangle(630, 390, 658, 350, 686, 390);
  triangle(630, 390, 658, 450, 686, 390);
  triangle(658, 450, 630, 390, 686, 450);
  ellipse(658, 220, 55, 55)
  
 c = color('hsl(160, 100%, 50%)');
  fill(c);
  triangle(330, 175, 358, 120, 386, 175);
  
   c = color('hsla(160, 100%, 50%, 0.5)');
fill(c);
  triangle(375, 130, 358, 120, 386, 175);
  triangle(330, 190, 358, 150, 386, 190);
  triangle(330, 190, 358, 250, 386, 190);
  triangle(358, 250, 330, 190, 386, 250);
  
  line(86, 75, 330, 175);
  line(86, 75, 330, 190);
  line(86, 90, 330, 190);
  line(86, 90, 330, 175);
 
  line(330, 190, 86, 390);
  line(330, 190, 86, 375);
  line(330, 175, 86, 375);
  line(330, 175, 86, 390);
  
  line(386, 175, 630, 75);
  line(386, 175, 630, 90);
  line(386, 190, 630, 90);
  line(386, 190, 630, 75);
  
  line(386, 175, 630, 375);
  line(386, 190, 630, 390);
  line(386,190,630, 375);
  line(386, 175, 630, 390);
 
  

}