NxM eyeballs that look at mouse cursor and change

這眼睛真的很難寫 我是參考了多人的範例所寫出來的! 對CLASS的概念還需要多一點練習 Processing Code: -------------------------------------- int sCon=5,sRow=4,sColor=4; sEyes[][] cl_Eye= new sEyes[sCon+1][sRow+1]; void setup() { size(200, 200); smooth(); noStroke(); colorMode(HSB,360,100,100); for(int i=0; i < sCon; i++) { for(int j=0; j < sRow; j++) cl_Eye[i][j] = new sEyes(i*((width)/(sCon+1)),j*((height)/(sRow+1))); } } void draw() { background(0); for(int i=1; i < sCon; i++) { for(int j=1; j < sRow; j++) cl_Eye[i][j].Display(); } } void mouseMoved() { for(int i=0; i < sCon; i++) { for(int j=0; j < sRow; j++) cl_Eye[i][j].sChange(mouseX,mouseY); } } void mousePressed() { sColor=(int)random(180,270); for(int i=1; i < sCon; i++) { for(int j=1; j < sRow; j++) cl_Eye[i][j].sChangeColor(); } } class sEyes { int x, y; int size,icolor; float angle = 0.0; sEyes(int sPosx, int sPosy) { x = sPosx; y = sPosy; icolor=(int)(sColor+random(-30,90)); if(width>=height) size=height/(sRow+2); else size=width/(sCon+2); } void sChangeColor() { icolor=(int)(sColor+random(180)); } void sChange(int sx, int sy) { angle = atan2(sy-y, sx-x); } void Display() { pushMatrix(); translate(x, y); fill(255); ellipse(0,0, size, size); rotate(angle); fill(icolor,100,100); ellipse(size/4, 0, size/2, size/2); popMatrix(); } } --------------------------------------

To view this content, you need to install Java from java.com

Kandinsky互動

目前只研究出來讓一個物件移動的方式 如果要讓很多的物件一起動的話 應該要使用到類別會比較方便 不過由於目前個人技術的問題 要如何讓多個物件一起移動的話可能還需要一點時間 呵呵~ Processing Code: ---------------------------------------- int size = 50; float sXpos,sYpos; float sXspeed = 2.0; int sXdirection = 1; void setup() { size(379,450); noStroke(); frameRate(30); smooth(); sXpos = 105; sYpos = 46; } void draw() { background(41,84,57); smooth(); fill(159,159,39);rect(10,5,13,430);//左方形 fill(226,235,84);rect(33,10,10,420);//右方型 fill(219,45,54);triangle(125,170,90,245,110,250);//左小三角 fill(52,162,63);triangle(125,180,111,250,138,250);//中小三角 fill(219,45,54);triangle(127,170,140,250,160,250);//右小三角 fill(219,45,54);triangle(128,97,95,185,158,188);//上大三角 fill(219,45,54);triangle(123,253,100,415,140,415);//下大三角 fill(43,95,142);triangle(360,366,360,25,340,20);//右藍三角 fill(244,198,76);ellipse(275,380,80,50);//下1橢圓 fill(216,143,48);ellipse(275,350,55,25);//下2橢圓 fill(244,217,16);ellipse(275,332,53,25);//下3橢圓 fill(223,121,55);ellipse(275,319,28,17);//上2橢圓 fill(228,66,41);ellipse(275,303,110,26);//上一橢圓 sXpos = sXpos + ( sXspeed * sXdirection ); if (sXpos > 140 || sXpos < 60) { sXdirection *= -1; } fill(106,185,70);ellipse(sXpos+size/2, sYpos+size/2, size, size); } -------------------------------------

To view this content, you need to install Java from java.com

Victor Vasarely

本學期到目前為止老師已經為我們介紹了三位大師 Kandinsky、Piet Mondrian 第三位大師是 Victor Vasarely 第一次看到他的作品的時候只有一種感覺 怎麼那麼帥! Vasarely出生於1906年4月9號 他的畫風可以說是非常現代 甚至把他的畫拿到現今來畫 都覺得非常的有趣 基本的方格、圓形、大小的排列、顏色明亮度的變化 可說是使用的淋漓盡致 尤其是他利用大小，讓2D畫面做到3D的感覺 使的在20世紀初的作品，增添了許多的未來、現代感! 他的作品就目前我們學的Processing 可以利用類別與迴圈就可以快速的複製出相同效果的模仿品 不過還是要對這位大師至上一份尊敬的心 竟可以在電腦還未發明前就已經有這樣驚人的想法與創造力 利用一筆一劃就將這麼精采的作品給畫出來 而在1930~1970短短的30年間 就做出了超過500張的作品! 可說是非常的快速~ 而且在1987年!這位大師就有了兩座博物館 真令我感到驚訝 但Vasarely在1997年3月離開了人世 不過他的作品，卻會流傳千古

Piet Mondrian

他的作品已經在我的Blogger上出現過了! 主要也是現代極簡畫派的畫家 Mondrian是荷蘭人，他出生在1872年，在1944年過世的 他也是一位利用了一些簡單的線條與矩形 跟之前研究過的Kandinsky非常的類似 不過他的畫風卻讓我覺得更簡單 卻不失去華麗的感覺 主要是因為他大部分使用飽和鮮豔的顏色 使整個作品有發光的感覺^^ 我很喜歡他的作品! 有機會會讀更多相關的資料!

意像看板

這是我最不拿手的東西 從一年級做到現在還是一樣... 好吧!我把這個意像看板命名為 BlueJazz

演講：數位藝術的發展脈絡

期中考完整理的一下前一周的演講內容 精采的內容我就不提 但卻讓我印象深刻的事Q&A的時間^^ 我記得顏立同學有問到一個問題 "什麼樣的素材結合後可以稱作藝術?" 老早我就想過這個問題 不過卻沒有聽過別人的想法 駱老師是這樣回答的 就很多人的認知 是否被稱做是藝術品 是由一些有頭有臉的人再判斷的 "Somebody" 可能是美術館的館長 可能是美術系的老師 可能是從事這方面的藝術家 但 是否真是如此? 有待討論與研究 最後駱老師講了一句話 若能將你心中的想法跟感受呈現到百分之八十的時候 她就認為那是一件藝術品了! 這句話我琢磨了很久!!! 如何把感受實體化? 如何將感覺放進作品裡面 讓路人甲也可以藉由這樣的一個呈現 能體會到你的感受? 我想還需要時間的磨鍊 跟個人百分之百的努力吧! 謝謝老師安排這麼精采的演講 謝謝駱麗真老師、謝謝微型樂園、謝謝國美館

Class warm-up

今天碰到了頭痛的Class><真的快讓我死掉了，不過痛苦了兩個多小時總有了些收穫 現在對Class已經了解了一些些，這是我們今天上課的Warm-up也是成品 雖然會了一點點，不過還有太多東西要學了!花時間吧~多花點時間研究程式><啊~~~~ 我不聰明~我更不懶惰!我要學~ 大家加油~~~ ------------------------------------------------- processing code： sbubble[][] Egg=new sbubble[5][3]; void setup() { size(250,150); background(225); smooth(); noLoop(); noStroke(); colorMode(HSB,width,100,100,100); for(int i=0;i<5;i++) { for(int j=0;j<3;j++) { Egg[i][j]=new sbubble(i*50+25,j*50+25); } } } void draw() { for(int i=0;i<5;i++) { for(int j=0;j<3;j++) { Egg[i][j].change(); Egg[i][j].show(); } } } class sbubble { int x,y; color sAColor; sbubble(int xPos,int yPos) { x=xPos; y=yPos; } void change() { sAColor=color(mouseX+random(90),28,77,80); } void show() { fill(sAColor); ellipse(x,y,35,35); } } void mouseDragged() { redraw(); } ------------------------------------------------- 請按住滑鼠左鍵，在圖上拖曳即可。 -------------------------------------------------

To view this content, you need to install Java from java.com

ColorMode

上星期四學到的顏色變化，到現在才慢慢的消化完，很想趕快有些成品，所以再上星期隨手寫了一個小程式，呈現出來五個正方形，用了幾個簡單的Code就完成了的作品，主要的程式我會放在下面，使用了低飽和、高亮度、與高透明度，雖然是簡單的方形，卻有不一樣的感覺 Processing Code： void setup() { size(300,300); noLoop(); noStroke(); colorMode(HSB,360,100,100,100); } int myColor=90; void draw() { background(0); color sColor1 = color(myColor+random(30),66,90,50+random(-30,30)); fill(sColor1); rect(120,120,56,56); color sColor2 = color(myColor+random(50),50,50,40); fill(sColor2); rect(150,150,100,100); color sColor3 = color(myColor+random(30),random(0,60),90,50+random(-30,30)); fill(sColor3); rect(60,50,80,80); color sColor4 = color(myColor+random(50),35+random(40),40,50+random(-30,30)); fill(sColor4); rect(165,80,56,56); color sColor5 = color(myColor+random(10),20+random(10),40,50+random(-30,30)); fill(sColor5); rect(67,144,56,56); } void mousePressed() { redraw(); } 主要顏色的變化不只有之前單單的使用RGB 而這次使用了HSB，色環的角度、顏色飽和度、顏色亮度、與透明度做顏色上的控制 RGB只能單純的提供你要的顏色(Monochromatic) 但HSB可以提供更多的顏色，甚至可以隨機使用一定角度內的顏色(Analogous) 所以可以使作品更加的動人。 我很喜歡使用不同的透明度，然後使圖形的前後可以做出不同的重疊效果 會有很不一樣的感覺，當兩種不同的顏色相疊時，會出現更大的延伸空間。

To view this content, you need to install Java from java.com

Analogous Kandinsky

上次選的Kandinsky經過修改後，在固定的角度上有些微的顏色變動，我希望顏色的變化不會太突兀，所以都使用了小角度，不過因為這副圖之前的顏色就很飽和，所以飽和度較不下來，要不然很難看，我的背景顏色不變，希望可以保留些原圖的元素，再加上一點點的變化，使整幅畫可以更生動。 程式碼： void setup() { size(379,450); background(41,84,57); noLoop(); smooth(); noStroke(); colorMode(HSB,360,100,100); } int sChange=30; void draw() { color sCChange1 = color(sChange+random(50),80,50); fill(sCChange1);rect(10,5,13,430);//左方形 color sCChange2 = color(sChange+30+random(20),60,90); fill(sCChange2);rect(33,10,10,420);//右方型 color sCChange3 = color(sChange+60+random(30),80,66); fill(sCChange3);ellipse(126,72,50,50);//上圓 color sCChange4 = color(sChange-29+random(20),80,90); fill(sCChange4);triangle(125,170,90,245,110,250);//左小三角 color sCChange5 = color(sChange+60+random(30),80,66); fill(sCChange5);triangle(125,180,111,250,138,250);//中小三角 color sCChange6 = color(sChange-29+random(20),80,90); fill(sCChange6);triangle(127,170,140,250,160,250);//右小三角 color sCChange7 = color(sChange-29+random(20),80,90); fill(sCChange7);triangle(128,97,95,185,158,188);//上大三角 color sCChange8 = color(sChange-29+random(10),80,90); fill(sCChange8);triangle(123,253,100,415,140,415);//下大三角 color sCChange9 = color(sChange+180+random(30),80,50); fill(sCChange9);triangle(360,366,360,25,340,20);//右藍三角 color sCChange10 = color(sChange-15+random(20),60,90); fill(sCChange10);ellipse(275,380,80,50);//下1橢圓 color sCChange11 = color(sChange-18+random(20),90,90); fill(sCChange11);ellipse(275,350,55,25);//下2橢圓 color sCChange12 = color(sChange-10+random(30),90,85); fill(sCChange12);ellipse(275,332,53,25);//下3橢圓 color sCChange13 = color(sChange-29+random(30),80,90); fill(sCChange13);ellipse(275,319,28,17);//上2橢圓 color sCChange14 = color(sChange-29+random(20),80,90); fill(sCChange14);ellipse(275,303,110,26);//上1橢圓 } void mousePressed() { redraw(); } 下面使用Java呈現出來的成品

To view this content, you need to install Java from java.com

Peit Mondrian

另一位大師的作品，用最簡單的直線與強烈的黃色、藍色、紅色，組成的美麗的構圖。我的這個圖應該是採取模仿Mondrian的圖再次構想出來的圖案，而且是立體圖形，看到就喜歡上了!呵~ 用了最簡單的線條畫出了漂亮的立體圖形。讚~~~ --My program code-- size(450,460); background(255); smooth(); stroke(0); fill(249,243,7);triangle(30,67,30,125,95,94); fill(77,86,163);triangle(258,30,258,152,410,93); fill(233,65,26);quad(200,181,250,160,250,278,200,296); fill(249,243,7);quad(257,322,257,284,417,348,362,366); fill(77,86,163);quad(255,412,255,453,408,390,362,368); strokeWeight(10.0); strokeCap(ROUND); line(30,67,252,154); line(30,67,196,2); line(196,2,418,93); line(418,93,252,154); line(30,67,30,364); line(252,26,253,455); line(420,93,420,390); line(30,67,252,154); line(196,2,197,430); line(252,26,32,122); line(252,26,252,154); line(252,154,195,179); line(195,179,30,122); line(196,299,33,363); line(196,299,419,391); line(31,365,254,456); line(30,67,252,154); line(253,457,420,390); line(253,278,196,300); line(253,278,418,348); line(418,348,197,431);

To view this content, you need to install Java from java.com

Jeff Berlin的音樂十誡

“Player Schooled" with Jeff Berlin 音樂界中充滿著噱頭與虛偽，這是其中十項： 1. 所有用TAB譜寫出來的東西 2. 教你如何搖滾的課程、專欄、學校、書籍及光碟 3. 握力練習器或是指力增強器 4. 學術化的slap練習 5. 雙手點弦練習 6. 只單練左手或右手的練習 7. 節拍器 8. 在表演時練習（練習表演用的音樂不在此限） 9. 利用指型熟悉指板 10.跟會問「你今天想上什麼啊？」的老師學習 音樂界中充滿著有意義的資訊與真相，這是其中十項： 1. 每天練習視譜，新舊不拘 2. 學習的過程中不需要對拍子，學會了之後再對 3. 容許自己在練習的過程中犯錯 4. 每天練習 5. 把學術與藝術分開。這兩者毫不相關 6, 找一個教授真正音樂的，而不是教授搖滾歌曲、slap、點弦練習的老師 7, 聽音樂，然後模仿你聽到的 8, 不停的Jam或是表演，但是盡量以音樂上要求較高的演出為主 9, 學習學術化的爵士樂，儘管你不一定想演奏這種類型的音樂 10,不要跟節拍器練習

--這是由一位台灣出國留學的音樂老師的Blog中所栽取的文章-- Jeff Berlin是一位不為人知的偉大貝斯手，所演奏的曲子大部分是Jazz 但其中的弦律卻足以撼動整個音樂世界，快速且豐富的Solo是他的特點 他同樣也是一位非常傑出的老師，上面的10點缺點跟10點優點，就是他所提倡的，雖然對於現在的學習者很難達成，卻是一個很有趣的觀點，他討厭公式化，且非正統的音樂教學，更排斥毫無思考的音樂學習，有效率的練習方式不會成為你音樂的幫助，卻只會造成你一昧的依賴，反而不能學習到音樂的樂趣，視譜是基本功，再來需要長時間的模仿跟練習，再加上多聽，而創造屬於自己的音樂。 這想法真的太厲害了!~看來這條路，我要重新再走一遍了!

Web2.0新世代

最近很多朋友的網誌都很推薦的一本書^^梁老師也在老早就在提這個新的名詞了，當初接觸為深的我根本不了解，直到這變成大家都注意的時候，我也發現了這本專門討論Web2.0的書 我買了，也看了，應該很多有興趣的人都知道這本書吧!那我就不多介紹了。現在多寫寫看完之後的感想，其中有做過比較關於"Web1.0"和"Web2.0"，其中最大的差別應該就是看待網路這項新媒體的態度吧!在03年之前，網路是屬於一群專業人士的世界，其他的網路的使用者對待網路這件事，總是興趣旦旦。03年之前的網路是封閉的，只有那種在大學修過電腦網路或誠是設計的人才懂的東西。 但現在，你不需要擁有高學歷，你不必專精於電腦，你可以只是個中學生，就擁有屬於自己的Blog，可以分享自己的生活照片，也可以用Msn即時通訊系統在網路上跟好朋友聊天。這只不過是Web2.0的一小部份而已，Web2.0的的功能強大到不是一時可以用理論性的東西推論出來的，當Web2.0的出現之後，網路是屬於每個願意付出的人的，一個人小小的力量，就可以改變整個世界。Web2.0的時代來臨，是沒有人可以阻擋的了的! 這本由數位時代所出的特刊值得你去細細的品嘗。

模仿Kandinsky

Kandinsky的極簡幾何作品，之前就介紹過的那位大師，在YAHOO和GOOGLE的搜尋之後找到的圖，在右邊的是Kandinsky的原圖，我們利用了Processing的基本作法，將簡單的幾何圖形加以組合，模仿他的作品，下面就是我所模仿的圖和程式碼。 size(379,450); background(41,84,57); smooth(); fill(159,159,39);rect(10,5,13,430);//左方形 fill(226,235,84);rect(33,10,10,420);//右方型 fill(106,185,70);ellipse(126,72,50,50);//上圓 fill(219,45,54);triangle(125,170,90,245,110,250);//左小三角 fill(52,162,63);triangle(125,180,111,250,138,250);//中小三角 fill(219,45,54);triangle(127,170,140,250,160,250);//右小三角 fill(219,45,54);triangle(128,97,95,185,158,188);//上大三角f ill(219,45,54);triangle(123,253,100,415,140,415);//下大三角 fill(43,95,142);triangle(360,366,360,25,340,20);//右藍三角 fill(244,198,76);ellipse(275,380,80,50);//下1橢圓 fill(216,143,48);ellipse(275,350,55,25);//下2橢圓 fill(244,217,16);ellipse(275,332,53,25);//下3橢圓 fill(223,121,55);ellipse(275,319,28,17);//上2橢圓 fill(228,66,41);ellipse(275,303,110,26);//上一橢圓 這圖形令我喜歡的原因是，基本的構圖，卻擁有非常完善的協調性他的原圖中間的三角形，其實是不平衡的但就整體而言，卻不會有歪斜的感覺我也很喜歡他大膽的用色^^這是我喜歡這幅圖的原因

To view this content, you need to install Java from java.com

DBN

DBN是由MIT的一位老師John Maeda所設計的一套程式設計軟體，也是我們這一學期要在美學運算的課程裡面所要學習的其中一種軟體，之前在看了John Maeda所寫的文章之後，他說要把程式設計從工具，轉變成媒體。從一個無聊的撰寫當中，重新思考、重新期望、再以新視野出發，看待撰寫程式這項之前令人感到乏味的東西。這是一項具有挑戰性的作法，當初看完他寫的文章之後，讓我難以相信，也覺得好奇。撰寫程式不管對一個工程師，或是資訊學院的學生而言，都不是一件簡單且輕鬆的事，需要花上ㄧ整個下午才能把ㄧ個作業做完，或更長的時間。卻有人提倡把程式變成輕鬆容易，而且變成像媒體，一個不需要程式語言基礎的人就可以撰寫出屬於自己的程式，而且簡單上手，我相信這大概只有John Maeda可以做得到了。而且DBN就做到了，雖然到目前為止還沒有接觸到DBN，我們會先接觸另ㄧ套"Processing"之後再去接觸到DBN，Processing我已經下載好了，美學運算從現在開始，期待著這學期不ㄧ樣的程設概念 Design By Numbers

Bauhaus as Inspiration

Kandinsky 想必大家都對這位偉大的大師都非常的陌生讓我然對他的生平有一小段的介紹在開始我應該做的事出生於莫斯科的他，因為雙親都是音樂家，所以從小Kandinsky就學習音樂，音樂對他的影響可以說是一生的事，可說是從小就對藝術有一些些的接觸。但他卻不像大家想像的從小就喜歡畫畫，他在大學的時候是修關於法律跟經濟的，怎麼想也不會跟畫畫有關，可以說他接觸到繪畫要道1895年，有一次再法國的一個印象派的畫展當中，他看到了莫內的"乾草推"，影響了他對於繪畫的一些想法的改變，也成就了現在我們所認知的Kandinsky。三十歲的他決定離開莫斯科，來到了慕尼黑學習life-drawing、素描、解剖學。但卻很快的他發現學校所教得東西不能提供他繪畫上幫助的時候，他開始自己尋找關於自己的創意跟想法--"I applied streaks and blobs of colors onto the canvas with a palette knife and I made them sing with all the intensity I could..."。他後來的作品及他的思想影響了整個世界。直到他1944年去世之前，他都一直在畫畫參考網頁：http://www.ibiblio.org/wm/paint/auth/kandinsky/簡單的介紹了一下Kandinsky這個人之後開始正題首先我要先聲明，這篇文章真的很難懂而且花了我不少時間才慢慢看懂，所以有什麼不正確的地方請指教。上面提到的那個畫家是屬於印象派的，這裡面有提到幾個重點，卻都圍繞著兩個字再做變化 "form"&"color"看完文章後發現了很多關於空間設計都須從最基本的視覺藝術去執行。組合和色彩會變成基本的兩項元素他提到Kandinsky在德國的一所學校的同事Itten在教學的時候，他的要求學生尋找物體的一些特性有系統性的探索不同的物質，要求學生去學習從觀察的物質上面看出浮現在他們眼前創意與設計不同的物體有不同的質感、空間、觸覺、視覺，當你思考的方式只被一種方式給鎖住的時候，你很難從一個物體的上面去發現不同的特性，當你被教導成一個只會將工具使用成工具的時候，你很難從你生活中的一小部分找到獨具特色的創意，當我們只看見鉛筆的工具面時、卻不能從另外的角度去切入去思考他其他的層面時，那我們的思考就變的單一無趣了從不同的角度去突破現在的想法是很重要的，因為現在的我們沒有足夠的思考空間可以去對每一件我們碰到的人事物，所以我們會以先入為主的角度去將以前的觀念，在一次的灌輸在類似的事物上，造成我們看每一件事情，都一樣的枯燥乏味。但若是可以將事物從新組合、填上現在的心情顏色，在將當下浮現在你眼前的想法，加以延伸的話，你每一次看見的鉛筆就是不一樣的物品，而且生活的型態會將大大的改變，當然這是需要學習的，並不是一下子看完文章就可以變成天才的，而是要更細心的去看待每一件你生活周遭所經歷的人事物。將創意從生活中拉出來。上面所指的德國學校就是Bauhaus，從1919年創立以來，已經成為後現代的一個指標性的代表作了，他其實是一所藝術學校，但卻被大部分的人用來暗指建築界裡面的一個門派，所使用的素材大部分都來自於極簡的風格與想法，影響了現今整個世界的建築史，當然還有其他優秀的藝術家在Bauhaus裡大放異彩。上面文章所提到的Kandinsky和Itten都是Bauhaus裡面的一份子。所帶給世界的影響力可不是我們所能預估的。Bauhaus：http://www.bauhaus.de/english/index.htm目前的結論還蠻草率的用自己的觀察角度去了解一樣物品，用不同的體會方式去探索此物品的特性，從一些基本的組合元素與色彩的延伸去構想出另一個成品文章心得MCU CCE iMedia 美學運算 Week2 Reading:Svanæs, D., Verplank, W. "In Search of Metaphors for Tangible User Interfaces", DARE'2000, ACM, 2000.

New Blog

This Blog only for Aesthetic_Computing and i'll build this blog up very soon! :)