2009年4月30日 星期四

b9510067_midterm




























這是網路上搜尋到的圖片，大多數都是來自於Flickr
上PROCESSING的社群成員的作品，我選擇了幾個
我很喜歡的樣式，他們大多擁有像粒子發散或隨機
排列組合的特點，帶著統一的基本型又採用不規則
的排列方式，看起來相當迷人。
張貼者： 於 沒有留言:
標籤： ,

b9510045_midterm






這些都是由老師給的網站所收尋到的。
說實在的，還是不太懂要如何去寫程式，
總覺得好難，看似簡單的，明明可以用Illustrator拉出來，
但用processing卻做不出來，真的......




張貼者： 於 沒有留言:
標籤： ,

2009年4月26日 星期日

Spiral 


float radius = 10;
int segment = 10;
float centerX;
float centerY;

void setup(){
 size(600,600);
}

void draw(){
  centerX = mouseX;
  centerY = mouseY;
  spiral(centerX,centerY,radius,segment);
}
void spiral(float x_c,float y_c, float r, int seg){
    for(int i =0;i<=seg;i++){
      float x = x_c+cos(i*2*PI/seg)*r;  //算出x的位置
      float y = y_c+sin(i*2*PI/seg)*r;  //算出y的位置
      point(x,y);  // 畫出點，也能用其他形狀
    }
}
張貼者： 於 沒有留言:
標籤：

B9510007--midterm

我找的這些圖片比較有機，比較看不出排列的規則，在期末的作業我可能朝這方面做實驗和練習。
張貼者： 於 沒有留言:
標籤： ,

B9510034--midterm


這些是在網路上搜尋到的圖片，大部份的圖片都是簡單的排列，看起來讓人比較舒服，有幾張照片色彩比較豐富，希望在練習中能做出這樣的效果。
張貼者： 於 沒有留言:
標籤： ,

B9510011--midterm

這些是網路搜尋的圖片，觀察了很多類型的圖，發現共通點是複雜但有規律，我較喜歡點和線構成的設計，較能吸引我的目光。
張貼者： 於 沒有留言:
標籤： ,

B9510010--midterm


這些是我蒐集的圖片
觀察了許多數位製作的設計圖片
發現自己特別喜歡有機體或是生命體由看似無機的組件所構成的圖
或是強烈對比所產生的光影和神秘感
張貼者： 於 沒有留言:
標籤： ,

B9510024-midterm




張貼者： 於 沒有留言:
標籤： ,

B9510030---midterm



以上是網路搜尋的資料
我很欣賞歐普藝術的特色
那種使用幾何圖形的排列，有時加上較複雜的顏色
造成一種如催眠和視覺相互混淆的效果
那種大律動感、震動感、旋律感及富變化的階調
就像是【圖面上的音樂】一般



以上是我上課用processing和photoshop所做的練習
希望能夠減低過於複雜的用色
卻依舊呈現出屬於歐普的風格
張貼者： 於 沒有留言:
標籤： ,

2009年4月25日 星期六

midterm- B9415028

星雲、漩渦狀


令人經驗的自然--結晶體（下圖）














咖啡啦花的部份（下圖）
張貼者： 於 沒有留言:
標籤： ,

2009年4月20日 星期一

數位美學 MIDTERM

這是在試驗之後的一些圖，發現亂數以及Pattern是個挺有趣的方法
以下附上其中一個圖的程式：

size(500,500);


background(0);


noStroke();


for(int i=25;i

for(int j=25;j

fill(255);


rect(i+random(10),j+random(10),105,105);


fill(125+j);


rect(i+5,j+5,100,100);


fill(0);


rect(i+random(5),j+random(5),90,90);


fill(200-i+j);


rect(i+random(5),j+random(5),80,80);


fill(150-j+i);


rect(i,j,70,70);

2009年4月19日 星期日

mid-term b9510035

PROCESSING期中紀錄，放上老師有印象的


void setup(){
size(400, 260); background(100); noStroke();}

void draw() {
for(int i=0; i
for(int j=0; j
// X1 Y1 X2 Y2
fill(i/2+10,0,0); rect( i-20, 0, i , 20 );
rect( i-20, 40, i , 20 );
rect( i-20, 80, i , 20 );
rect( i-20, 120, i , 20 );
rect( i-20, 160, i , 20 );
rect( i-20, 200, i , 20 );
rect( i-20, 240, i , 20 );
// X1 Y1 X2 Y2 fill(230-i*0.6+10,0,0);
rect( i-20, 20, 20+i , 20 );
rect( i-20, 60, 20+i , 20 );
rect( i-20, 100, 20+i , 20 );
rect( i-20, 140, 20+i , 20 );
rect( i-20, 180, 20+i , 20 );
rect( i-20, 220, 20+i , 20 ); } } }












void setup()


{ size(400, 400); background(100); noStroke();}


void draw() {
for(int i=0; i



fill(i/2+100,i/2+50,i/2+10);ellipse(0,0,600-i,600-i);
fill(i/2+50,i/2+100,i/2+10);ellipse(width,height,600-i,600-i);
fill(i/2+20,i/2+20,i/2+100);ellipse(width,0,600-i,600-i);
fill(i/2+100,i/2+100,i/2+20);ellipse(0,height,600-i,600-i);}}}





張貼者： 於 沒有留言:
標籤： ,

期中作業B9510026段智敏


（點圖可放大）

分享其中最長的一段code（可能是笨方法導致它太長）
size(450, 450);
background(0);
noStroke();
for(int i=0; i fill(255-i/2,207-i*3/2,139-i);
rect(i,0,40,height/((i/40)+1));

}
for(int i=0; ifill(255-i/2,207-i*3/2,139-i);
rect(400-i,0,40,height/((i/40)+1));
}
for(int i=0; ifill(245-i/2,180-i*3/2,100-i);
rect(40+i,height/((i/40)+2),40,height/((i/40)+1.9));
}
for(int i=0; ifill(245-i/2,180-i*3/2,100-i);
rect(360-i,height/((i/40)+2),40,height/((i/40)+1.9));
}

for(int i=0; ifill(235-i/2,150-i*3/2,80-i);
rect(80+i,height*2/((i/40)+3),40,height/((i/40)+3));
}
for(int i=0; ifill(235-i/2,150-i*3/2,80-i);
rect(320-i,height*2/((i/40)+3),40,height/((i/40)+3));
}
for(int i=0; ifill(225-i/2,100-i*3/2,50-i);
rect(120+i,height*3/((i/40)+4),40,height/((i/40)+4));
}
for(int i=0; ifill(225-i/2,100-i*3/2,50-i);
rect(280-i,height*3/((i/40)+4),40,height/((i/40)+4));
}
for(int i=0; ifill(215-i/2,80-i*3/2,30-i);
rect(160+i,height*4/((i/40)+5),40,height/((i/40)+5));
}
for(int i=0; ifill(215-i/2,80-i*3/2,30-i);
rect(240-i,height*4/((i/40)+5),40,height/((i/40)+5));
}
for(int i=0; ifill(0);
rect(200+i,height*5/((i/40)+6),40,height/((i/40)+6));
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(255,255,255,j);
rect(200-i+j/2,height*5/((i/40)+6)+j/2,40-j,height/((i/40)+6)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(i+j/2,j/2,40-j,height/((i/40)+1)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(400-i+j/2,j/2,40-j,height/((i/40)+1)-j);
}
}

for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(40+i+j/2,height/((i/40)+2)+j/2,40-j,height/((i/40)+2)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(360-i+j/2,height/((i/40)+2)+j/2,40-j,height/((i/40)+2)-j);
}
}

for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(80+i+j/2,height*2/((i/40)+3)+j/2,40-j,height/((i/40)+3)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(320-i+j/2,height*2/((i/40)+3)+j/2,40-j,height/((i/40)+3)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(120+i+j/2,height*3/((i/40)+4)+j/2,40-j,height/((i/40)+4)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(280-i+j/2,height*3/((i/40)+4)+j/2,40-j,height/((i/40)+4)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(160+i+j/2,height*4/((i/40)+5)+j/2,40-j,height/((i/40)+5)-j);
}
}
for(int i=0; i for(int j=0; j<40; j+=4) {
fill(0,0,0,j);
rect(240-i+j/2,height*4/((i/40)+5)+j/2,40-j,height/((i/40)+5)-j);
}
}


歡迎指教:D
張貼者： 於 沒有留言:
標籤： ,

midterm, B9510051,





















































































張貼者： 於 沒有留言:
標籤： ,

midterm, B9510051,

張貼者： 於 沒有留言:
標籤： ,

mid-term demo

demo 10 basic elemets of graphic design
1. at least one image to illustrate your work
2. Demo your portfolio and explain to others
3. tag with: midterm, and your register number
張貼者： 於 沒有留言:
標籤： ,

Midterm B9515056

Similiarity

這是用物理的波形公式呈現出來的圖形。
  • y(x,t) = Asin(kx-wt)

A為振幅，w為角頻率，x是波形的水平位移。k為波號設為1就可以了。

波長 λ = (2*π)/w，因此w越小，波長越長。

這個圖是將波長不斷遞增，形成越來越寬的景象。並且遞增x值，讓圖形呈現慢慢右移的現象。
其實這個圖形的構想是來自賦格曲式，原本想讓振幅慢慢變大或產生不規則變形，結果發現這樣圖形會很亂，看不太出Similarity的效果。因此還是維持規律的正絃波形。
void setup(){
  size(1024,768);
  int w = 1;
  int counter = 0;
  float a = 40;
  for(float j =0;j<height;j+=40){
      for(float i =0;i<width;i+=0.1){
           ellipse(i*j/10,f(a,w,i,j/40)+j*1.3,j/10,4);
      }
  }
}

float f(float a, float w,float t,float x){
  return a*sin(x-w*t);
}

Gradation
這圖是先做平面方格，由左向右慢慢放大的效果。後來再加上在每個平面方格上，繪製漸漸變小的數個平面方格。平面方格越大，上面的小方格就越多，就會造成這種漸層效果。

void setup(){
  size(1000,600);
  background(0xffffff);
  noStroke();
  noLoop();
}
void draw(){
  for(int i =1; i<=width; i+=20){
      for(int j =1;j<=height;j+=20){  //繪製方格間隔為20px的方格
        for(int k =0;k<=i/20;k+=3){  //在每個位置上，多繪製漸層效果的小方格
          fill(200-(i%256-k*5),200-(j%256-k*5),200-(i*j%256-k*5),120);
          float x = -abs(tan((float)Math.toRadians(j)));  //i, j決定漸層偏移角度
          float y = -abs(tan((float)Math.toRadians(i)));
          rect(i+k*x,j+k*y,i/20-k,i/20-k); //以k做出由大到小的感覺
        }
     }
  }
}

剛剛將偏移函數從cos改成tan，圖形變得很有趣。
張貼者： 於 沒有留言:
標籤：
訂閱： 文章 (Atom)