Ass­i­g­n­m­e­n­t 2: Design Lab Logo

by Lameesa Yousuf

DESIGN LAB LOGO

Final Sketch:

  • Show Sketch
/** @peep sketchcode */
/* @pjs font=/uploads/16156/controllerfour.otf; */
/* @pjs font=/uploads/16156/controllertwo.otf; */
float radius = 500;
float speed = 0.00000000000005;           
float s = 2;
 
 
void setup() {
 size(800, 200);
background(255, 230, 0);
}
 
void draw(){
background(255, 230, 0);
 
  rect(0, 300, width, height);
  fill(255);
  stroke(255);
  float wx = width/2 + random(1,3)*(cos(s) * radius);
  float wy = height/2 + random(200,203)*(sin(s) * radius);
  rect (wx, 50, random(5,30), random(5,30));
  rect (200,wy, random(5,700), random(5,800));
 
 
 //producing strings
  String m = "design";
  String n = "lab";
 
 textAlign(CENTER, CENTER);
 
//creating font and text for "design"
PFont D= createFont("/uploads/16156/controllerfour.otf", 40);
  textFont(D);
  textSize(80);
  stroke(0);
  fill(255);
  text(m, width/3, height/2);
  //shadow
  text(m, width/3.05, height/2);
  fill(245, 200);
  text(m, width/3.1, height/2);
  fill(50, 200);
 
 //creating text for "lab"
  textFont(D);
  textSize(45);
  stroke(50);
  fill(255);
  text(n, width/2.86 ,height/1.55);
  //shadow
  text(n, width/2.91, height/1.55);
  fill(245, 200);
  text(n, width/2.96, height/1.55);
  fill(245, 150);
}

Inspiration

Inspired by the various sketches on Open Processing, this logo was produced to emulate design as evolutionary. Hence this logo is one which generates continuously, specifically inspired by aa_debdeb's sketch City Builder and Jonathan Fisher's sketch Wool Sphere.

Process

Various sketches were produced in the making of the final logo.

Process Sketch

In this primary sketch the basic assets of the task were applied (font, text, colour scheme).

  • Show Sketch
/** @peep sketchcode */
/* @pjs font=/uploads/16156/controllerfour.otf; */
/* @pjs font=/uploads/16156/controllertwo.otf; */
 
void setup() {
 size(800, 200);
  background(255,230,0);
 
  //producing strings
  String m = "design";
  String n = "lab";
 
 textAlign(CENTER, CENTER);
 
//creating font and text for "design"
PFont D= createFont("/uploads/16156/controllerfour.otf", 40);
  textFont(D);
  textSize(80);
  stroke(0);
  fill(255);
  text(m, width/3, height/2);
  //shadow
  text(m, width/3.05, height/2);
  fill(245, 200);
  text(m, width/3.1, height/2);
  fill(50, 200);
 
 //creating text for "lab"
  textFont(D);
  textSize(45);
  stroke(50);
  fill(255);
  text(n, width/2.86 ,height/1.55);
  //shadow
  text(n, width/2.91, height/1.55);
  fill(245, 200);
  text(n, width/2.96, height/1.55);
  fill(245, 150);
}

Comments

    Lameesa Yousuf a few years ago
    • Show Sketch
    /** @peep sketchcode */
    int[][] blocks;
    int num =20;
    int bsize = 7;
     
    void setup(){
      size(200, 200, P3D);
      blocks = new int[num][num];
      for(int x = 0; x < num; x++){
        for(int y = 0; y < num; y++){
          blocks[x][y] = 0;
        }
      }
      noStroke();
      stroke(128);
      fill(255);
    }
     
     
    void draw(){
      background(255);
      lights();
      translate(width / 2, height / 2, -200);
      rotateX(5/ PI);
      rotateZ(frameCount * 0.01);
      for(int x = 0; x < num; x++){
        for(int y = 0; y < num; y++){
          for(int z = 0; z < blocks[x][y]; z++){
            pushMatrix();
            translate(x * bsize - width / 2, y * bsize - height / 2, z * bsize);
            box(bsize);
            popMatrix();
          }
        }
      }
      int sum = 0;
      int[][] eachSum = new int[num][num];
      for(int x = 0; x < num; x++){
        for(int y = 0; y < num; y++){
          int left = x != 0 ? x - 1: num - 1;
          int right = x != num - 1 ? x + 1: 0;
          int up = y != 0 ? y - 1: num - 1;
          int s = blocks[x][y] + blocks[left][y] + blocks[right][y]
                    + blocks[x][up] + 1;
          sum += s;
          eachSum[x][y] = s; 
     
        }
      }
      float rnd = random(1);
      float prob = 0.0;
      for(int x = 0; x < num; x++){
        for(int y = 0; y < num; y++){
          prob += float(eachSum[x][y]) / sum;
          if(rnd < prob){
            blocks[x][y] += 1;
            return;
          }
        }
      } 
    }

    fill(245, 200); text(m, width/3.1, height/2); fill(50, 200);

    //creating text for "lab" textFont(D); textSize(45) fill(255); text(n, width/2.86 ,height/1.55); //shadow text(n, width/2.91, height/1.55); fill(245, 200); text(n, width/2.96, height/1.55); fill(245, 150); }

    Last Updated: 7-May-2016 12:20 AM