Digital Chaos

想作網誌的logo，為了呈現數位的效果，要畫很多0和1，後來覺得用畫的太麻煩，索性拿Processing來做做看，結果效果竟然還不錯，就貼上來。

int lineSize = 200;
int wide = 2;
int hei = 8;
int fontSize = 16;
void setup(){
size(800,800);
PFont font = createFont("Geogreia",fontSize);
textFont(font);
background(0);
translate(width/2,height/2);
for(int i = 0 ; i < 4000; i+=5){
int rand = (int)random(2);
int num = (int)random(2);
int range = (int)random(8);
rotate((rand == 0? -range:range));
text(String.valueOf(num),
(i)%lineSize*wide+(rand == 0 && i/lineSize >=1 ? -range:range),
(i/lineSize)*hei+(rand == 0 && i/lineSize >=1 ? -range:range));
textFont(font,fontSize+(num == 0 ? -range:range));
rotate( rand == 0? range: -range);
}
}

稍微修改一下之後，有變比較規則：

int lineSize = 200;
int wide = 4;
int hei = 8;
int fontSize = 16;
int shadow_shift = 0;
void setup(){
   size(800,800);
   PFont font = createFont("Geogreia",fontSize);
   textFont(font);
   background(0);
   translate(width/2,height/2);
   for(int i = 1 ; i <= 5000; i+=5){
   int rand = (int)random(2);
   int num = (int)random(2);
   int shift = (int)random(8) *  (i/lineSize >=1 ? -1:1);
   int x = i%lineSize+i/100*wide + shift;
   int y = (i/lineSize)*hei+ shift;
   float trans = 160+95*(shift/7);
   fill(255,trans);
   rotate((rand == 0? -shift:shift));
   text(String.valueOf(num), x , y);
   fill(255,trans*0.5);
   text(String.valueOf(num), x+shadow_shift,y+shadow_shift);
   rotate((rand != 0? -shift:shift));
   textFont(font,fontSize+(rand == 0 ? -shift:shift));
   }
}