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

by Sung Chul Andy Park
  • Show Sketch
/** @peep sketchcode */
 
// randomly choose either option 1 or 2
float option = random(0,2);
 
void setup() {
  size(400,300); // draw a 400 x 300 canvas
  background(255); //set background color as white 
  noStroke();
}
 
void draw() {
  // option one randomly draw different size of rectangular with cool colours
  if(option >= 0 && option <= 1) {
    for (int i = 0; i < width; i = i + 20) {
      for (int j = 0; j < height; j = j + 20) {
        color c = color(random(70,255), random(170,255),random(120,255)+300);
        //float alpha = random(12,250);
        float size = random(5,19);
        fill(c);
        rect(i,j,size,size); // draw rectangular
        noLoop();
      }
    }
  }
  // option two randomly draw different size of ellipse with warm colours
   else if(option > 1) {
      translate(10,10);
      for (int i = 0; i < width; i = i + 20) {
        for (int j = 0; j < height; j = j + 20) {
          color c = color(random(170,255) + 300, random(120,255), random(0,255));
          //float alpha = random(12,250);
          float size = random(5,19);
          fill(c);
          ellipse(i,j,size,size); // draw ellipse
          noLoop();
        }
      }
   }
}

Design Breif

This code create a sketch that draws a variation upon a design each time it is run. I choose to use 400x300 static image which can apply to t-shirts, shoes and postcard with theme of balance and harmony.

Inspiration

My inspiration for this design is reputation and minimalism. Reputation of the same pattern seemed simple but has enough power to attract people. Also, minimalised graphics sometimes carry more information and meanings. For the simple reputation, I gave two different theme by two different colours - red and blue. Red gives feeling of warmness and energy, blue gives cool and more calmed image.

Process

For the coding, firstly, I created a simple code that can repeatedly printout the shapes. Then I modify the code to printout the different size of the shapes repeatedly with random colours. Then I add the code that can randomly choose the shape from either rectangle or ellipse. Finally I modify to make theme colour by add some more integer to RGB. I have used void draw function while coding. However, it makes my final product in simple animation. Therefore, I added noLoop() at the end of code.

Reference

Mary Stribley, “50 stunningly beautiful geometric patterns in graphic design”, https://designschool.canva.com/blog/geometric-design/ , posted on 12.Jun.2015, watched on 08.Apr.2016 Sammy Maine, “25 glorious geometric patterns in design”, http://www.creativebloq.com/graphic-design/geometric-patterns-11135236 , posted on 07.Mar.2016, watched on 08.Apr.2016

Comments

Nobody has said anything yet.