Archive for the 'Teaching' Category

 

Learning Processing: A Beginner’s Guide to Programming Images, Animation, and Interaction

Jul 17, 2008 in InterestNet / 興味網, New Media Arts, Teaching, Trash Talk / 屑の話, interactive

這本書在我跟Daniel Shiffman初相識時他已經差不多完成了. 可是他一直在改一直在改.
期間又聞說有很多阻滯等等.
當他已經再誕一子時, 這本書終於有上市的一天了!

Daniel一直是很多學或用Processing的用家的半個老師, 因為他一直有把他的教材放在網路上. 光看他的Nature of Code就可以花一整個月.

這本書內容專給初學者. 現在已經很多設計師在玩Processing去generative很多有型又酷的graphic出來.
另外書中也有深入的如Computer Vision及networking等較中階的內容.

已經先睹草稿的我, 大概都會跟他要一本有簽名的, 當然給錢支持一下!

現在開始接受預訂, 詳情可到http://www.learningprocessing.com/ 參考.

伸延閱讀:
http://www.learningprocessing.com/
http://www.shiffman.net/
Generative Arts: http://en.wikipedia.org/wiki/Generative_art
Generator x: http://www.generatorx.no
Computer Vision wiki: http://en.wikipedia.org/wiki/Computer_vision

激情的玩趣創意工作坊

Jul 09, 2008 in Teaching, Trash Talk / 屑の話, Uncategorized, interactive

crazy wired mountain
photo by micro+playground

這是一次非比尋常的體驗. 我自己當工作坊的講師, 也學了不少.
三天的密集式工作坊, 加最後一天成果展演, 不用說學員和講師們都一定累到不行.

“玩趣創意工作坊(playaround workshop)由工研院創意中心與交通大學共同主辦,2008 年夏天邀請來自英、法、德國、瑞士、香港、台灣位數位藝術新媒體藝術家與教授等進行集體創造力激發課程,puredata、arduino、floss art 教學課程以及 physical computing 等創意課程,與台灣年輕學子共同大玩創造力,透過熱門的互動媒體聲響,創造出各種科技與藝術的原型。” (來自工作坊的wiki的介紹)

我是被邀去講phsyical computing的課, 用phsyical computing的方法玩創作.

來之前的三個月我準備了我的課程的大綱, 是一個跟本不能完成的課程: 跟小毛 (我課程中的其中一位應援老師) 說的一樣, 我這個大綱是一個諗學期還會覺得緊的課程. 我去的時候就告訴自己, 教不完不要緊, 總之他們開開心心的玩就行.


photo by micro+playground: 學員們還是對發出聲音的手作有較大的興趣


photo by Kipling! : 這個是危險的動作

學員們都太猛了. 一半以上的碩士生. 應援老師甚至是博士生. 所以, 當第一天完成時, 我其實已經在講第二天的課了…. 他們學得太快, 或許跟他們大部份都有programming的底子有關, 但我覺得重要的是他們的熱情/激情.
我開始放慢速度, 不想迫他們太緊. 所以到最後還是有一個點子沒有提到. 但也實在不可思議. (台灣的大學很有型, 他們有很多結合科技與藝術或設計的學位課程! 甚麼數碼媒體設計系, 資訊傳播學系的互動育樂科技組等等, 連建築系都有這樣的分支! 我羡慕得不得了)


photo by micro+playground: 都深夜了, 學員們還在討論

我們的工作坊是每天早上十點至晚上六點. (第一天還到十點!!!) 學員們下課後還得去跟自己組討論最後要做怎樣的一個project.

五天的工作坊到最後一天, 學員們都至少一天沒有睡, 有的兩天沒有睡, 有的三天, 甚至更多. 這種瘋狂我以前只會在學生們趕功課時才會見到. 在一個沒有分數壓力的工作坊, 我倒很驚喜. 這種瘋狂,激情, 讓我也在最後一晚陪他們通宵解決問題. (通宵之後的早上還在我住的招待所樓下的 mos burger 等開門吃早餐, 我覺得我自己還在上大學)

這個工作坊共分五個課程: 兩個phsycial computing [1] [2] 的課程, 一個pure data的, 一個soundscape的, 一個創意的. 除了創作的課程, 同學都會選其中一個課程. 然後他們的組員就可能是來自不同的課程. 這種wiki味很重的團隊創作很過癮, 他們就在彼此學習另一組的知識. 碰撞出一個又一個很有趣的idea.


photo by micro+playground

很老土也要說, 最後的成果倒是不最重要, 因為我真的覺得學員們都很幸福. 除了不用花錢來玩, 工作坊提供的工具真的非常好. 至少在我的課程裡, 工具包的工具之多, 是比我在學校正式教書時學生分到還要多. (這個值得我們學校嚴重檢討) 提供晚上通宵工作的地方, 還可以隨意焊接不受阻撓. (這個也是值得我們學校嚴重檢討)


photo by micro+playground: 這才能稱為完整的工具包!

本來這樣一個像夏令營的工作坊就已經很high, 還要是一個結合科技和藝術的創意工作坊. 我感到萬分遺憾自己當學生時從來沒有參加過這樣的一個工作坊. (或者應該這樣是, 沒有這樣的一個工作坊給我去參加)


photo by 學員: 小愛

跟另外的藝術家們一起也玩得很開心:
瘋狂科學家Marc, 他是一個不折不扣瘋狂”科技藝術家”, 跟他一起用他製造/hack的樂器做live jam是非常high的. 原來我一直都有在arduino playground看他的”tutorial”!
數位藝術夫妻檔Tobi Pei, 他們會否每一天都在家裡live jam/創作? 家裡還有沒有一件完整的家電呢?
goto10李駿Aymeric Mansoux, 只要你聽過他們跟林強的live, 你會馬上想要去學pure data!


photo by micro+playground

最後一天我們都表演了, 很high! 還再有機會見到偶像林強跟李駿的line-up. 想了想, 自從跟Chris組了SIG後都沒有以theDemos的身份單獨演出了, 感覺良好! 謝謝瘋狂叫encore的人!

臨別的時候, 學員們跑來道別, 加上聊了幾句. 有學員們對我說: 上你的課真的很感動, 我很高興上你的課. 我當場起雞皮疙瘩. 我說不要這麼跨張. 他們再一次誠懇的告訴我是真的, 這個工作坊很好玩, 學會很多. 我想, 真的要多謝的該是發起這個活動和主辦這個活動的單位和支援單位. 沒有他們給我們空間去放肆教瘋狂的課程, 這會是一個很納悶的工作坊. 之後還繼續談到, 或收到email討論他們其他的創作. 謝謝你們讓我在你們的學習生涯中影響過. (再起雞皮疙瘩) 這種感動, 大概是我還在當老師的唯一原因. 這種感動或許可能不會再聽到.

謝謝我的TA們: 小毛 (你真的很捧,有空來合作!), 阿達宋恆
謝謝微型樂園找我來玩耍!

伸延閱讀:
我的flickr set: http://www.flickr.com/photos/thedemos/sets/72157605944609025/
玩趣創意工作坊 wiki
微型樂園: http://www.microplayground.net/wordpress/
小毛的blog:
http://rainage.blogspot.com/2008/07/playaround-ta-bra-bra-bra-2.html
http://rainage.blogspot.com/2008/07/playaround-ta-bra-bra-bra-1.html
http://rainage.blogspot.com/2008/07/arduino.html
http://thinkfish.blogspot.com/
http://esther.why3s.tw/wp/workshop/playaround/128
http://mortuna.blogspot.com/
http://blog.pixnet.net/showyin1213
http://www.wretch.cc/blog/djmox

玩趣創意工作坊﹣Playaround Workshop

Jun 30, 2008 in Projects / プロジェクト, Teaching

現在人又在台灣,這一次在交通大學,替一個很好玩workshop: 玩趣創意工作坊﹣Playaround Workshop  的其中的課程:physical computing的課程當老師。今天六月三十日第一天,一直到七月四日。最後一天他們會展示他們的作品成果。

單單是學員四個課程加起來就六十人,這樣子的課程在香港要有這麼多人參加可以是說天方夜譚。
待七月四日以後就在這裡談談這個Workshop吧。

你們可以在這裡找到這個workshop的資料。
http://www.microplayground.net/playaroundwiki/index.php/Main_Page:tw

“Interactivity” Final Project Presentation (24May更新)

May 23, 2008 in Teaching, interactive

R0019006

這一個科目是我四年教書生涯裡的第五次.

教了同一科這麼多次, 每一年都有不同的經驗.
第一年, 是2004年, 我們倍伴Director MX 2004呼出最後一口氣 (雖然今年突然發現它仍然在生).
2005年開始, 科目主任轉了, Director的氣數又盡了, 接上來的就是Pure Data: 這個我在諗New Media Master Class時已在試玩的Graphical Programming Environment.

一教, 就四年Pure Data.

這一年的經驗倒是挻有趣的. 打從上一次的VJ功課, 這一班一直在課上課下給我腦部衝擊. 談談他們這一次的Final Project.

事先聲明, 我沒有盡寫每一組的功課, 只highlight了一點. 一來我不是唯一的老師, 二來這樣寫全部我大概會手部壞死. 沒有寫的, 不代表差; 有寫到的, 也不代表好.


 

R0019042

先談這個作品, 因為他們有很多討論的點子.

這件作品, 開始時跟大部份初諗媒體的同學都有一個共同毛病, 就是“刻意”加入”意思”. 我不知道是否我們的香港中學的藝術教育出現問題, 大部份人都只覺得藝術作品只有一個目的:voice out message. 這個message更是限於人生的生命討論, 社會問題, 感情世界等等較於個人感受的宣洩. 或表達政見, 表達一個內心心處的感受.

這個作品/功課都不例外, 開始時我被他們夾硬加入的”意思”嚇壞. 我沒有說這樣的作品不好. 若果作品本身的出發點根本沒有這樣的成份, 但為了將之”變成”為藝術品而恐怖地加入了一些所謂生命的反思, 生活的反思, 這個只會令我作嘔. 我會勸他們回去讀讀藝術的根本. (這個討論大概打從五十年代開始有digital arts(是的, 甚至比普普藝術, contemporary arts更早)出現是已經討論, 討論的調子其實有點像從前達達主義, 或更是攝影, 電影技術剛開發好的時候. 稍後有機會可以重貼我三年前寫的一篇有關文章)

在他們跟我談完概念後, 他們也回答這是夾硬加上的”概念”, 這真是個通病.
幸好他們回頭是岸. 最後的作品 (倒不是藝術作品, 但我從來沒有說一定要藝術作品啊) 只一件interactive “game”, 倒是來得清脆利落. 這樣才不至於”九唔搭八” (即不倫不類) 而且是件相當好玩的玩意。


 

R0019031

這個本來是一件可塑性很高的作品. 原來的意念是很有趣的: 利用萬花筒類的折射方法, 反射”扭計骰”的顏色, 讓顏色的變化以萬花筒的倍數折射出來. 以webcam擷取顏色, 而一種色是一種/或一個layer的音樂/聲音.

這個有樂器傾向的作品, 大概是以用家/觀眾作為主控制員.

為了想達到更多的變, “扭計骰”也故意挑了較多顏色的一款. 可惜偏偏就因為過於複雜, 顏色就是多, 形成了控制上的困難.
這個問題也是很多其他學生的問題, 亦一直到他們的畢業年仍然困擾他們的問題.

沒有學習interaction design以前, 做廣告production的時候. 資深的剪接師常常跟我說: 好的剪接師就是懂得掉. 掉的意思是懂得Delete. 很多時候我們就是”不捨得”拿走, 變成了一大堆多餘的東西擠在一起. 像是我們的遙控器, 功能多得嚇人, 根本只有10%能用得上.

Interaction design, 或者是任何一種design, 懂得如何設定limitation/restriction才是皇道. 太多的功能, 互動/操控的方法只能構成用家學習上的障礙, 住住令用家/觀眾花上大量時間才能掌握如何操作, 或甚是根本不懂操作, 直接放棄使用/參觀.

所以我常常說Learning Curve這件事情. 作品若果有愈長的Learning Curve, 就愈是一件令人不耐煩的作品. (除非你的作品在挑戰人家的耐力) 還記得藤幡正樹Fujihata Masaki提過互動媒體作品應該是沒有instruction, 並能夠讓觀眾/使用/參予者在很短的時間學會並發掘其中有趣的地方. 當然, 適當的instruction有時是需要的.

這裡所提的很少, 如果你想多了解這方面的東西, 我會提議大家看看John MaedaLaw of Simplicity.


 

R0019025


這個作品第一時間令我想起Golan Levin 2005的作”Scrapple“. 其實概念很簡單的, 但其可能性卻非常的多. 好像Scrapple, 投影的方法, 物件的挑選和聲音的配合已經可以令作品變得不簡單.

Scrapple故意投影在interaction的地方上, 將display融合了interaction之中. 這個可以看到interaction design其中一個很重要的原素: 即時性 (immediacy) 物件在作品上的角色非常明顯: 創造音樂. 看看兩個Scrapple的重點interaction:
1) 不同的物件代表了不同的sound clips, 並不是音符.
2) 而物件的長度寬度就是音樂的時間長短
我們可以很快地學習到如何跟作品互並進行創作, 甚至操控上的變化.

這件學生作品跟這兩點稍有不同: 物件是一個單音. 物件是單一形狀. 兩個作品同樣地以聲軌的流動 (一直線橫向流動).
音符代替了sound clip倒是沒有問題, 可以看到同學的作品的”play area”上是五線譜的樣子. 互動方法非常明顯. 當然這樣的互動必須要一個懂樂理的人才能應付自如. 跟Scrapple不同, Scrapple用的是sound clips, 不懂樂理的人也大概能在短時間內輕易應付.

另外同一型形狀的物件令聲音跟物件的互動只有一個時間性. 在Scrapple裡不同物件的大小正好解決這個問題. 但總的來說,這個作品作為一件一年班的功課是難得的上承了。


 

R0019009


有點像之前的五線譜作品, 但主客的位置對調了.
之前五線譜的作品採用”用家主導”的方向, 用家擺放物件產生聲音. 這件取採Mondrian的作品用家本身變成物件. 當然用家依然要拿著物件, 但物件卻是依附在用家身上.

五線譜那個是用一條似聲軌的線作為指導. 這個Mondrain的方法也差不多, 不過線變成了很多有兩個流向且位置不同的方形圖案. 同樣是碰到物件便會產生聲音, Mondrain這個多了個顏色的點子. 不同顏色是不同的聲音.

原來這個意念是上承的, 可惜執上有偏差. 一來是技術層面, 這個可以省掉不提. 另一就是interface (介面)的設計. Interface沒有互動時的顯示, 如碰到物件並產生聲音時是完全沒有indication. 這樣子就很糟, 造成了用家/觀眾的互動學習困難. 之前的五線譜一個出色的地方就是有很明顯的indication, 這樣子就縮短了用家/觀眾學習操控的時間. 但這個較之前作品好的地方是顏色的搭配所造出的可能性。


 

R0019003


一個”喪”字代表了這個作品要”喪”玩 (即瘋狂的玩). 對戰的模是有趣的, 可惜就是介面上缺少了對戰應該有的原素:
1) 能夠看到對手的作戰狀況, 狀態. 如他們現在”級數”.
2) 擊到對手時沒有指示, 其實是有的, 可惜太”暗示”, 等於沒有
3) 爭勝的原動力: 懲罰對方. 這個其實是額外的, 不過作為一個”攤位”形位的作品, 懲罰這一項會是有趣的.
但,我們還是玩的很開心。


 

R0019027


一個藝術作品黃金玩題: Prespective. Prespective可玩性極大. 他們這件作品玩的是透視的Prespective加上錯視 (prespective illusion). 可惜illusion方面沒有做好. 主要原因是互動的方法出現問題. 我想想跟學生說, 作為一件installation, 尤其是interactive media, 必須要有很好的rules和limitation. 沒有規則的作品只會令觀眾在學習互動方法時出現障礙, 導致作品沒有能表達本來應該要表達的.

這個作品就犯了這個問題: 椅子的推動絕對沒有限制, 這樣子作品就未能控制觀眾的互動方法, 最後變成結果也控制不了.

Pure data + GEM = Visual Demostration

Mar 25, 2008 in Audiovisual / 音楽, Teaching

gem_test03

打從四年前我就開始在School Of Creative Media任教的這科Interactivity, 今年已經是我第四次利用Pure Data作為課程的基本工具.

剛好今年有了出版一本中文的Pure Data書的企劃, 就突然弄了一大堆跟以前很不一樣的examples.
在courseWeb找到的還是比較Technical的教法.
始終諗媒體創作的學生還需要多一點能視覺化(Visualize)的examples才能解說明白.

早前已經打造了歷來最嗆眼的VJ Performance功課.

 

 

 

(按這裡到Vj presentation的flickr album, 稍後有video)

緊接就會到利用Pure Data Visual的好拍檔GEM弄一些visual和簡單的motion tracking.

這裡有個小小的GEM Demostration.

Gem Visual Try 01 from theDemos on Vimeo.

More photos:
gem_test05 gem_test04 gem_test03 gem_test02 gem_test01

 

 

 

gemwave_vj_01.PNG

 

 

 

 

 

 

 

 

 

 

 

 

 

稍後upload Source PD file.