顯示具有 midterm 標籤的文章。 顯示所有文章
顯示具有 midterm 標籤的文章。 顯示所有文章

2009年6月16日 星期二

MIDTERM ON PROCESSING

THESE ARE MY WORK BEFORE MID-TERM, 2009 SPRING SEMESTER,
HOPE YOU ENJOY THE SORTING AND THE METHOD RETYPING!!
AND HOPE IT IS NOT TO LATE FOR HANDING IN...

PICTUREPSEUDO CODE / code / -METHOD
SIZE=400,400
BACKGROUND=BLACK

(1,1)=WHITE
FOR I=0;I IS LESS THAN WIDTH;I++, J=0;J IS LESS THAN HEIGHT;J++
{
INT X=RANDOM(0 TO 2)
IF( X IS 0 )
COLOR OF (I,J) = COLOR OF (I,J-1)
ELSE
COLOR OF (I,J) = COLOR OF (I-1,J)
}

//A CERTAIN CHANCE MAKES THE WHITE DOT (1,1)
//GROW TO THE BOTTOM RIGHT
SAME AS ABOVE,
THE ONLY DIFFERENCE IS ADDING A FOR-LOOP
TO MAKE THE DEFAULT WHITE DOTS COVERED ON TOP AND LEFT SIDES
void setup(){
size(400,400);
background(255);
}

void draw(){
int [][] a = new int[width][height];
int b = 0;
int c = 0;
for(int j=0;j"<"width;j++){ a[j][c++] = (b++)%255; } c = 0; for(int i=0;i"<"width;i++){ stroke(a[i][c++]); point(i,0); } for(int j=1;j"<"height;j++){ for(int i=0;i"<"width;i++){ stroke(get(i,j-1)); point((i+1)%width,j); } } }
-ARRAY FOR JPG TO FIT IN
-RANDOM COLOR
-TINTING EACH JPG
LOOKS LIKE THE FAMOUS PIECE FROM ANDY WARHOL!
SIZE=400,400
BACKGROUND=WHITE

//SET FIRST ROW'S COLOR TO BLACK
FOR J=0;J"<"WIDTH;J++ (J,0)=BLACK; //GIVE9999/10000CHANCE TO LET BLACK GROW ONE PIXEL DOWNWARDS FOR I=0;I"<"WIDTH;I++, J=1;J"<"HEIGHT;J++ {{ X = RANDOM(0 TO 10000); IF(X=0) DO NOTHING; ELSE COPY COLOR FROM (I,J-1) TO (I,J) }}
for(int k=0;k"<"width/5;k++){ for(int l=0;l"<"height/5;l++){ stroke(cell[k][l]); point(k+i*width/5,l+j*height/5); } } -COPY (J,K) TO (J+WIDTH/5,K) -COPY (J,K) TO (K,K+HEIGHT/5)...ETC
VER.1

VER.2
void setup(){
size(400,400);
background(255);
}
void draw(){
int [][] cell = new int [width/5][height/5];
int [][] form =
{{1,2,1,2,1},
{2,3,2,3,2},
{3,4,3,4,3},
{2,3,2,3,2},
{1,2,1,2,1},};
for(int i=0;i"<"width/5;i++){ j="0;j" i="0;i<5;i++){" j="0;j<5;j++){" k="0;k" l="0;l">
-RANDOM START POINT OF LINE
-RANDOM LENGTH OF LINE (=SQRT(2X^2))
SHORT DURATION

LONG DURATION
-RANDOM START POINT OF LINE
-RANDOM LENGTH OF LINE
-RANDOM SLOPE OF LINE
-INCREASES ALONG TIME DURATION
VER.1

VER.2

VER.3
" void setup(){
size(400,400);
background(0);
noLoop();
}

void draw(){
for(int i=1;i"<"width;i++){ for(int j=1;j"<"height;j++){ if(i == j){ stroke((get(i-1,j-1)+int(random(10)))%255); point(i,j); } else if(i "<" j){ stroke((get(i,j-1)+int(random(10)))%255); point(i,j); } else if(i ">" j){
stroke((get(i-1,j)+int(random(10)))%255);
point(i,j);
}
}
}
for(int i=0;i"<"width;i++){ for(int j=0;j"<"height;j++){ float c = saturation(get(i,j)); stroke(c); point(i,j); } } }"
"
void setup(){
size(400,400);
background(0);
}
void draw(){
noStroke();
fill(0, 10);
rect(0, 0, width, height);

stroke(random(255));
curve(0.0, 0.0, random(width), random(height), random(width), random(height), float(width), float(height));
}
void mousePressed(){
loop();
}
void mouseReleased(){
noLoop();
}

"
"
void setup(){
size(400,400);
background(0);
}
void draw(){
noStroke();
fill(0, 20);
rect(0, 0, width, height);

stroke(random(255));
curve(random(width), random(height), 0, 0, width, height, random(height), random(height));
curve(random(width), random(height), 0, width, height, 0, random(height), random(height));
curve(random(width), random(height), width/2, 0, width/2, height, random(height), random(height));
curve(random(width), random(height), 0, height/2, width, height/2, random(height), random(height));
}

void mousePressed(){
loop();
}
void mouseReleased(){
noLoop();
}

"

2009年6月14日 星期日

B9530021 midterm

想起期中的作業尚未貼上因此現在才補上...

從左上角開始、逆時針方向依序為:

Form, Repetition, Structure, Gradation, Similarity, Radiation,

Anomaly, Contract, Concentration, Texture, Space.

因為對processing不是很熟悉

所以玩的元素都很簡單

倒是意外的發現

變化透明度可以玩出不同的效果來

2009年5月24日 星期日

期中

//Concentration//
void setup() { size (400,400); background (255); smooth (); noStroke (); noLoop();}void draw () { int x = width/2; int y = height/2; for (int i=0;i0.8){ d=1; } float dx = 2-d; fill (200-dx*100); ellipse (i+10,j+10,10*dx,10*dx); } }}


//space//
void setup(){ size(400, 400); smooth();}void draw(){ background(255); fill (0); rect (mouseX-10,mouseY-10,20,20); line (0,0,mouseX-10,mouseY-10); line (width,0,mouseX+10,mouseY-10); line (0,height,mouseX-10,mouseY+10); line (width,height,mouseX+10,mouseY+10);}


//radiation//
void setup(){ size(400, 400); smooth(); noStroke();}void draw(){ background(0); for (int i=0;i<401;i+=40){ j="0;j<401;j+="40){" x =" mouseX;" y =" mouseY;">

2009年5月3日 星期日

B9410030-Midterm









































































以上的圖引用自zenbullets.com




很喜歡這組用平面不同色塊組合透視的建築物




現代建築多表現單色銳利的速成科技感




用鮮明不同色調的矩形與直接大方的線條互相搭配




在現代科技環境中有更多的情緒出口












B9510042-Midterm


我選的是從生活當中拍攝的一些照片
大多是充滿的秩序的
秩序帶來的美感我很喜歡
但是相反的我也很喜歡衝突
衝突的美感總能在我腦海之中揮之不去
如果有機會~~會盡量朝這方面去發展
:)

2009年4月30日 星期四

b9510067_midterm




























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

b9510045_midterm






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




2009年4月26日 星期日

B9510007--midterm

我找的這些圖片比較有機,比較看不出排列的規則,在期末的作業我可能朝這方面做實驗和練習。

B9510034--midterm


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