Ass­e­s­s­m­e­n­t 1: Static Var­i­a­t­i­o­n­s

by Marjory Jiang
  • Show Sketch
/** @peep sketchcode */ 
 
float xi;
 
void setup() {
 size(400, 400); //Draw a 400 x 400 canvas 
 background(random(255), random(255), random(255)); //Set background colour to a random colour
 xi = random(50, 150);
}
 
void draw() {
 
 fill(255, 25); //Changes opacity of the circles 
 noStroke(); 
 ellipseMode(CENTER); //Positions circles in the centre of the canvas 
 for (int x = 25; x < width; x += 50) {
   for (int y = 23; y < height; y += 50) { 
     float r = random(30, 10);
     ellipse(x, y, random(100, 230), random(100, 230)); //Draw ellipses
   }
 }
 
 fill(255, 90); //Changes opacity of the main circle, less opaque than smaller circles in bg 
 ellipse(200, 200, 250, 250); //Draw circle
 
 if (xi < 100) {
   triangle(200, 75, 288, 290, 112, 290); //Draw triangle right-side up 
 } else { 
   triangle(112, 110, 288, 110, 200, 325); //Draw triangle up-side down
 }
 noLoop();
 
 fill(255, 30);
 ellipse(200, 200, 500, 500); //Draw large circle in centre 
 
pushStyle();
 fill(255, 30); 
 rect(113, 113, 177, 177); //Draw square in centre of circle
popStyle();
 
}

Comments

    Marjory Jiang a few years ago

    Background Research: In Japanese graphic design, circles are recurring motifs, that symbolize both balance and harmony. One example is the “mon”, which is referred to as the ‘Japanese counterpart of the European coat of arms’. These are typically contained within a single circle, and rely on abstract geometric shapes to produce a visually aesthetic design.

    Inspiration stemmed from this concept of the “mon”, however my design is a lot simpler and minimalistic. I chose to use circles as the main component of my design, and added other shapes to create symmetrical patterns on the canvas, with the random variables generating a different design each time the sketch is run.

    Websites: https://designschool.canva.com/blog/japanese-design/ http://www.designprinciplesftw.com/collections/7-japanese-aesthetic-principles-to-change-your-thinking