assignment#2

1_Data_and_Aesthetic/Assignments/Sung Hoon Kim/assignment#2/AnotherWindow01.pde

@@ -0,0 +1,184 @@
+
+DrawLine[] lines;
+DrawLine[] lines1;
+DrawLine[] lines2;
+int w=250;
+int h=450;
+int translateX=100;
+int translateY=100;
+
+int MAX=660;
+
+Table myTable;
+Table myTable1;
+int months;
+int months1;
+
+int lineVals[];
+int lineVals1[];
+float lineVals2[];
+
+float fov;
+float camera;
+float aspect;
+
+void setup(){
+  size(1280,750,P3D);
+  smooth(4);
+
+    myTable=loadTable("depressionMonthsData.csv"); // 1380
+    myTable1=loadTable("newyork_temp.csv"); // 840
+
+    months=myTable.getRowCount();
+    months1=myTable1.getRowCount();
+
+    lineVals=new int[months];
+    for (int i=0; i<months; i++) {
+      lineVals[i]=myTable.getInt(i, 0);
+    }
+
+    lineVals1=new int[months];
+    for (int i=0; i<months; i++) {
+      lineVals1[i]=int(random(500));
+    }
+
+    lineVals2=new float[months1];
+    for (int i=0; i<months1; i++) {
+      lineVals2[i]=myTable1.getFloat(i,0);
+    }
+
+
+  lines=new DrawLine[lineVals.length];
+  lines1=new DrawLine[lineVals1.length];
+  lines2=new DrawLine[lineVals2.length];
+  //println(lineVals.length);
+
+
+  for(int i=0;i<lineVals.length-1;i++){
+
+      int xx=i%12;
+      int xxx=(i+1)%12;
+
+      if(xxx==0) lines[i]=new DrawLine(xxx,
+                                        int(map(lineVals[i],0,MAX,0,h-160)),0,
+                                        xxx,
+                                        int(map(lineVals[i+1],0,MAX,0,h-160)),0,
+                                        i,
+                                        100,100,"Depression");
+      else lines[i]=new DrawLine(xx,
+                                        int(map(lineVals[i],0,MAX,0,h-160)),0,
+                                        xxx,int(map(lineVals[i+1],0,MAX,0,h-160)),0,
+                                        i,
+                                        100,100,"Depression");
+
+
+
+
+       //    println(xx+" "+xxx);
+
+  }
+  for(int i=0;i<lineVals1.length-1;i++){
+
+      int xx=i%12;
+      int xxx=(i+1)%12;
+
+      if(xxx==0) lines1[i]=new DrawLine(xxx,
+                                        int(map(lineVals1[i],0,MAX,0,h-160)),0,
+                                        xxx,
+                                        int(map(lineVals1[i+1],0,MAX,0,h-160)),0,
+                                        i,
+                                        500,100,"Random");
+      else lines1[i]=new DrawLine(xx,
+      int(map(lineVals1[i],0,MAX,0,h-160)),0,
+      xxx,int(map(lineVals1[i+1],0,MAX,0,h-160)),0,
+      i,500,100,"Random");
+//    println(xx+" "+xxx);
+
+  }
+
+    for(int i=0;i<lineVals2.length-1;i++){
+
+      int xx=i%12;
+      int xxx=(i+1)%12;
+
+      if(xxx==0) lines2[i]=new DrawLine(xxx,
+                                        int(map(lineVals2[i],0,90,0,h-160)),0,
+                                        xxx,
+                                        int(map(lineVals2[i+1],0,90,0,h-160)),0,
+                                        i,
+                                        900,100,"Temp");
+      else lines2[i]=new DrawLine(xx,
+      int(map(lineVals2[i],0,90,0,h-160)),0,
+      xxx,int(map(lineVals2[i+1],0,90,0,h-160)),0,
+      i,900,100,"Temp");
+
+  }
+
+}
+
+void draw(){
+
+  fov=(mouseY)/float(width)*PI/2; //ex 100/1780*90'
+  camera=(height/2.)/tan(fov/2.);
+  aspect=float(width)/float(height);
+  //perspective(fov,aspect,camera/10.,camera*10.);
+
+  translate(translateX,translateY,0);
+  background(255);
+
+  fill(0,20,50,50);
+  textAlign(LEFT);
+  textSize(11);
+  text("Another Window",30,100);
+
+  noFill();
+  stroke(153);
+  strokeWeight(0.7);
+
+  rect(0,0,w,h);
+
+  for(int i=0;i<lineVals.length-1;i++){
+   lines[i].rollover();
+   lines[i].drawLine(); 
+
+  }
+
+  translate(400,0,0);
+  noFill();
+  stroke(153);
+  strokeWeight(0.7);
+  rect(0,0,w,h);
+
+  for(int i=0;i<lineVals1.length-1;i++){
+   lines1[i].rollover();
+   lines1[i].drawLine(); 
+
+  }
+
+  translate(400,0,0);
+  noFill();
+  stroke(153);
+  strokeWeight(0.7);
+  rect(0,0,w,h);
+
+  for(int i=0;i<lineVals2.length-1;i++){
+   lines2[i].rollover();
+   lines2[i].drawLine(); 
+
+  }
+
+// vertex version 
+//  pushMatrix();
+//  beginShape();
+//  for(int i=0;i<12;i++){
+//    int ival=i%12;
+//    int ivalMap=int(map(ival,0,11,0,w));
+//    
+//    vertex(ivalMap,h-lineVals[i]);
+//    //vertex();  
+//  }
+//  endShape();
+//  popMatrix();
+}
+
+

1_Data_and_Aesthetic/Assignments/Sung Hoon Kim/assignment#2/DrawLine.pde

@@ -0,0 +1,117 @@
+
+class DrawLine {
+  int x1,y1,z1;
+  int x2,y2,z2;
+  int index;
+  int translateX;
+  int translateY;
+  String name="";
+
+
+
+  int diameter;
+  color ellipse_col;
+  PFont font;
+
+  int year=0;
+  int month=0;
+  String mmm[]={"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"};
+
+  String str="";
+
+  DrawLine(int x1, int y1, int z1, int x2,int y2,int z2,int index,
+  int translateX,int translateY, String name){
+
+    font=createFont("Sans-serif",12,true);
+    textFont(font);
+
+    this.x1=int(map(x1,0,11,0,w));
+    this.y1=h-y1;
+    this.x2=int(map(x2,0,11,0,w));
+    this.y2=h-y2;
+    this.z1=z1;
+    this.z2=z2;
+    this.index=index;
+    this.translateX=translateX;
+    this.translateY=translateY;
+    this.name=name;
+    diameter=2;
+    translate(translateX,translateY,0);
+    //println(x1,y1,x2,y2,index);
+
+  }
+
+  void drawLine(){
+
+    stroke(153);
+    strokeWeight(0.7);
+    line(x1,y1,x2,y2);
+    //fill(ellipse_col,150);
+
+  }
+
+  void rollover(){
+
+    str=mmm[index%12];
+    year=floor(index/12);
+
+    int distX=x2-(mouseX-translateX);
+    int distY=y2-(mouseY-translateY);
+
+    if(sqrt(sq(distX)+sq(distY))<diameter*2){
+      diameter=15;    
+      fill(235,65);
+      //fill(0,20,50,50);
+      noStroke();
+
+      //rect(0,h,w,h/2);
+      //line(0,h,-50,h+50);line(-50,h+50,w,h+50);line(w,h+50,w,h); 
+
+
+      beginShape();
+      vertex(0-2,h);
+      vertex(-50,h+100);
+      vertex(w-35,h+100);
+      vertex(w+2,h);
+      endShape();
+
+      pushMatrix();
+      //rotateX(0);
+      //fill(0,20,50,50);
+      fill(0,50);
+//      translate(w/2-10,h+35); //300
+
+      textSize(12);
+      //rotateX(PI/3);
+//      rotateZ(radians(2));
+      textAlign(CENTER);
+
+//      text((index+2)+" year and month",w/2,h/2+300);
+      if(name.equals("Depression")){
+        text(str + " "+ (1900+year)+ ", USA",100,h+35);
+        textSize(14);
+        text(name+" "+(h-y2),100,h+50); 
+      }
+      if(name.equals("Random")){
+        text(str + " "+ (1900+year),100,h+35);
+        textSize(14);
+        text(name+" "+(h-y2),100,h+50); 
+
+      }
+      if(name.equals("Temp")){
+        text(str + " "+ (1931+year)+", NY",100,h+35);
+        textSize(14);
+        text(name+" "+lineVals2[index]+" F",100,h+50);
+
+      }
+
+      popMatrix();
+
+    }
+    else{
+      diameter=2;
+    }
+  }
+
+
+}