We meet again Processing…

Yashraje
2 min readAug 31, 2022

--

Tile

After 4 years and many suppressed memories, it’s time to jump back into Processing. I’m definitely a bit hesitant but I’m hoping my first run-though might still have something to give. To start off, I decided to make something simple with basic shapes and color that we were introduced to last class. the design I created is based on old stained glass windows at a church in my hometown in Canada, that used similar shapes and designs to create unique designs. I’ve included the code for my design below:

//Yash Raje

size(100, 100);//Set up Canvas size and background.
background(#012a4a);

fill(#014f86); //Draw tile design.
noStroke();
rect(20, 10, 60, 80);

fill(#67A2FF);//Draw the rhombus
noStroke();
quad(50, 0, 0, 50, 50, 100, 100, 50);

fill(#67A2FF);//Draw the corners
noStroke();
ellipse(5, 10, 15, 15);
ellipse(5, 90, 15, 15);
ellipse(95, 10, 15, 15);
ellipse(95, 90, 15, 15);

fill(#2a6f97);
noStroke();
triangle(0, 0 , 0, 10, 10, 0);
triangle(0, 9, 0, 20, 10, 20);
triangle(0, 80, 0, 90, 10, 80);
triangle(0, 89, 0, 100, 10, 100);
triangle(90, 0, 100, 0, 100, 10);
triangle(90, 20, 100, 20, 100, 9);
triangle(90, 80, 100, 80, 100, 90);
triangle(90, 100, 100, 100, 100, 89);

fill(#61a5c2);
noStroke();
rect(40, 40, 20, 20);

fill(#207EE0);//Draw the spokes/ triangles
triangle(50, 0, 45, 40, 55, 40);
triangle(50, 100, 45, 60, 55, 60);
triangle(0, 50, 40, 45, 40, 55);
triangle(100, 50, 60, 45, 60, 55);

--

--