programmier-
sprachen
SS/2020

Beschreibung

Durch die Farbwahl entsteht die Illusion einer Transparenz.

function setup() {
 createCanvas(380, 380);
}function draw() {
 background("#ede4db");
 colorMode(HSB);
 noStroke();  //Pink1
 fill("#e0688b");
 square(60, 60, 60);  
fill("#cd4b77");
 square(120, 60, 60);  
fill("#f0828b");
 square(60, 120, 60);
 fill("#f2a9bb");
 square(120, 120, 60);  
//Pink2:
 fill("#df678a");
 square(200, 60, 60);
 fill("#cd4b77");
 square(260, 60, 60);  
fill("#f0828b");
 square(200, 120, 60);
 fill("#f2a9bb");
 square(260, 120, 60);  
//Blau1:  
fill("#00a0da");
 square(60, 200, 60);  
fill("#007bae");
 square(120, 200, 60);  
fill("#3fb1cc");
 square(60, 260, 60);  
fill("#46cce5");
 square(120, 260, 60);
 //Blau2:  fill("#00a0da");
 square(200, 200, 60);  fill("#007bae");
 square(260, 200, 60);  
fill("#3fb1cc");
 square(200, 260, 60);  
fill("#46cce5");
 square(260, 260, 60);
 
 //Pink klein
 
 fill("#e0688b");
 square(90, 230, 30);  
fill("#cd4b77");
 square(120, 230, 30);  
fill("#f0828b");
 square(90, 260, 30);  
fill("#f2a9bb");
 square(120, 260, 30);
 
  //Blau klein
 
 fill("#00a0da");
 square(90, 90, 30);
 fill("#007bae");
 square(120, 90, 30);  
fill("#3fb1cc");
 square(90, 120, 30);  
fill("#46cce5");
 square(120, 120, 30);}