aesthetic computing: 數位美學

顯示具有 數位美學 標籤的文章。顯示所有文章

2009年7月6日星期一

Digital Sun

今天心血來潮，想說把上次的Digital chaos做成動態的，結果做出蠻有趣的效果。

0和1會一直從圓心到圓周間來回交互畫，由於中間的透明度較低，就會造成這種太陽的感覺。

後來做些微的rotate後，變成颶風了：

程式碼：

int lineSize = 400;
int wide = 5;
int hei = 8;
int fontSize = 16;
int shadow_shift = 2; //文字殘影偏移量
int amount = 50;
int radius = amount;
float angel = 0; // 一行的角度偏移量，設成0.3會變颶風。
PFont font;
boolean sw = true;
void setup(){
 size(800,800);
 font = createFont("Geogreia",fontSize);
 textFont(font);
 background(0);
}
void draw(){
 if(radius == -amount)
   sw = true;
 if(radius == amount)
   sw = false;
 radius += sw? 2:-2;
 translate(width/2,height/2);
 for(int i = 1 ; i <= 10*abs(radius); 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));
  rotate(angel);
  text(String.valueOf(num), x , y);
  if(shadow_shift != 0){  
    fill(255,trans*0.5);
    text(String.valueOf(num), x+shadow_shift,y+shadow_shift);
  }
  textFont(font,fontSize+(rand == 0 ? -shift:shift));
 } 
  translate(width/-2,height/-2);
}

「無，為天地之始；有，為萬物之母。故常無，欲以觀其妙；常有，欲以觀其徼。此兩者，同出而異名，同謂之玄，玄之又玄，眾妙之門。」－《道德經》

2009年6月27日星期六

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));
   }
}