Archive for the 'interactive' Category

 

“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. 沒有規則的作品只會令觀眾在學習互動方法時出現障礙, 導致作品沒有能表達本來應該要表達的.

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

新書推介: Fashioning Technology: A DIY Intro to Smart Crafting

May 20, 2008 in New Media Arts, Technology/ 技術, interactive

51ihkavqbpl_ss500_.jpg

早前愛不釋手由Tom Igoe寫的Making Things Talk: Practical Methods for Connecting Physical Objects, 翻閱到近乎溶掉的地步.
一直愛看MAKE Magazine, 一直追看它每星期最gag但酷爆的簡單無聊電子小玩意.

他們出版Making Things Talk以後, 一本我期待以久的DIY系列終於上架: DIY Fashion. 這個推出日期正好配合Arduino Nano, 不過這應該沒有Lily Pad的防水功能吧.

我們有Philips的示範LED T-shirt這個示範. 不如自己來一件吧!

此書還沒有出版, 現在Amazon先來個pre-order.

SIG 特別の興味隊 新互動視覺實驗 (2)

May 08, 2008 in Audiovisual / 音楽, New Media Arts, Projects / プロジェクト, interactive

再來!是real-time Generate的,Processing製作,有多個midi key control。OpenGL是3D的好朋友。

SIG 特別の興味隊 新互動視覺實驗

May 06, 2008 in Audiovisual / 音楽, Projects / プロジェクト, interactive

SIG-logo

這一塊向科學忍者隊致敬的昭和系visual 是特別為SIG的 日本動畫主題曲 “特別の興味隊”, 由老友家誠 (emptyconcept.net) 操刀, 他笑話比他當年做畢業作更認真. 這只是 “特別の興味隊” 現場VJ時的開始Logo, 還看將出現在下星期SIG表演的一系統昭和系動畫.

表演於下星期四 (16 May) 下午六時在香港藝術館, 是為藝術館一展覽的開幕, 同場還有”新青年”電子音樂狂人 S.T.

這一次SIG的現場一於是徹底地新實驗, 技術上不新鮮, 很多看過的東西會是似曾相識. 但大為改裝後用於現場卻是首次.
就Game of Life來說, 單是我任教的科目或工作坊都教了不下幾十次. 但Game Of Life這一次不是停在pattern/軟件上, 這次它將會走進硬件裡. 變成一場光影的視覺秀.

gol_02
gol_06
gol_05

當然SIG主題theme song “Herologue”是指定的出場序, 這次徹底地會換上全新minimal風格的generative motion. 先貼少量pre-render的

SIG - Storm Tropper Try 1 from theDemos on Vimeo.

SIG - Autobat Try 1 from theDemos on Vimeo.

SIG - Many Storm Try from theDemos on Vimeo.

Online GrooveBox: UT Loop + Hobnox Audiotool

Apr 24, 2008 in Audiovisual / 音楽, InterestNet / 興味網, interactive

事先聲明, 如果你在辦公室而還想工作的話, 請不要試玩以下兩個我稱為Online GrooveBox的東西.

hobnox_audio.gif

Hobnox Audiotool這個東西跟Reason這個offline的軟件很像, 不同的是Hobnox Audiotool是online. (當然, reason強很多) 它擁有像Reason一個最迷人的特點: 插線! 首次玩Reason已經被其仿真實的插線動作深深迷倒. Hobnox居然在Online的情況下做了這個動作. 它擁有virtual drum machines, effects pads 和一個 12 channel mixer. 直接就是一台迷你網上grooveBox. 它的功能和output美得你可以花上半天把玩.

真人表演測試有Vimeo用家Phlow的示範

Hobnox Audiotool im Test from Phlow on Vimeo.

嫌太專業太Pro又對線路有恐懼的, 又想過過Groove癮, 可以玩玩Uniqlo UT的最新玩意UT Loop!.
人聲GrooveBox湊成聲音拼貼, 是我們喜愛的後現代拼貼文化新潮, 學名Sampling.
不管你拼貼過沒有, 手指沒有問題keyboard有 1-9 你也大可以拼拼貼貼然後在共享的網路世界分享你的創作.

我也來拼拼玩:


伸延閱讀:
Collage (拼貼) - Wikipedia: http://en.wikipedia.org/wiki/Collage
Propellerhead Reason: http://www.propellerheads.se/
我最愛的Roland MC-303 Groove Box: http://en.wikipedia.org/wiki/Roland_MC-303

Siftables: Interactive Media Brick

Mar 19, 2008 in Technology/ 技術, interactive

optimus_keyboard_functionkeys.jpg

早前熱談過的Optimus Keyboard利用OLED創造出一個無論在視覺上和價錢上都很具氣派的”Media Keyboard”, 一下子讓OLED變成Media創作的新寵兒.

bug.jpg

又早前熱談,已經有售的bugLabs採用Lego般的積木互動法進行Prototype的始型電子創作.

若果兩隻加起來….
MIT Media Lab的D. Merrill和J. Kalanithi就是這樣做了出來. 積木互動法和類似lego的積木, 嵌入了OLED, 就變成了這個Sifttables.

當中部份的Technical Specification:
# short-range infrared communication in 4 directions
# 3-axis accelerometer
# Bluetooth radio
# flash memory
# rechargeable lithium-polymer battery
# tactile/haptic actuation driver circuit
# expansion ports for adding extra sensors, actuators.

其”expanision ports”更像bug labs. 不過不用真的拼起來, Siftables是”short-range” wireless的. 我不諱言早前有學生的畢業作正要做類似Siftable的東西: 兩個brick之間組起來有視覺上的拼合和關連. 當然我會覺得這位學生還有一點更好的概念bug labs和siftable都未有做到的.

Siftables也讓我想起同樣是MIT出產的Pico Block. Pico Block是給小朋友首嘗電子創作的簡單”積木”. 這塊電子積木同樣可以加上sensor, 配合超簡單的Pico Block軟件可以像Lego Mindstorm般做出一點點簡單的”Phsyical Computing”.
謝謝Noah早前親自來到學校展示給我看.
img_0162.jpg

伸延閱讀
Siftables: http://web.media.mit.edu/~dmerrill/siftables.html
Optimus Keyboard: http://www.artlebedev.com/everything/optimus/
BugLabs: http://www.buglabs.net