本文在 同步

當我在和學生或者其他藝術家談到我的作品MovingMario時, 很自然的會觸及“Mechanic(機械)” 和 “互動(interactive)” 這個課題。 然伸延到visualization (視覺化) 與兩者的關係。
Mechanic 和interactive 的關係其實真的可以最純粹: 機械本身的運作根本就是在動, 它可以是自動或者是被操控。被操控的機械工具不用說即與使用者發生互動。 互動的過程/方法當然在於互動的設計 (interaction design). 可是機械的操作的最根本我們卻很少有討論。
Mechanic 在運作背後包括了一系運算. 通常會出現力量/能量的轉化: 動能產生熱能. 運算的原理是整個機械運作過程的最根本. 創作者常拿這一些運算的方程來玩耍. 數到迷戀機械的作品要看看Pong Mechanik:

Pong Mechanik在玩電子遊戲的運作。當中提到Relay (繼電器) 這個在早期大型電腦的研究及製作中必然出現的電子零件。整個作品把整個運算的過程以最原始的機械化型式赤裸在觀眾面. 觀眾活生生的看到Pong這個遊戲背後的運作。
我們提在”看到” Pong 的運作。 如何”看到”一個”計算”或一個機械運作, 這個倒有點妙. 機械的運作如果赤裸出來, 其實本身就已經很”視覺”。
視覺化 (visualize) 一個概念是我們常常在談話中提到: “我在視覺化(visualize) 你剛剛說的意念…” 好的, 那麼我們要怎樣視覺化哪些看來只有數字或電流的東西? 請你走在音響組合面前, 放放音樂, 看看顯示器…. 是啊, 這個就是說來說去以為很抽象的“數據視覺化” (data visualization), 很嚴謹可以再說成“波譜視覺化” (wave visualization) 。

示波器 (oscilloscope) 可以說是視覺化的代表。你可能不知道它用來做甚麼, 你可能不知道怎樣使用它。但有看過電視劇/電影的你看到這個儀器大概就知道屏幕顯示的可能是心跳。
電子工程人員大概一定不會陌生。我們有電表來看很線型的電/電路反應, 但它不能看到波型的反應. 借助示波器我們就可以看得出非線型的電。
這樣子去視覺化我們本來不能言喻的資訊, 數據, 文字等等, 說對了就是一直有很多人在從事的資訊視覺化(information visualization)。我們平常都會看到很多information visualization例如是調查結果的圓形圖，再明顯不過的就是我們坐地鐵或其他公共交通的路線圖。這一類一直就很多設計師在從事，讓一些如果只把得來的資料顯示出來是根本看不懂的，用一個視覺化的方法去呈現。

機械, 視覺和互動就變成了我們思考一件以機械的方法創作的作品的主要路向。當然, 作品不一定會涉及互動。作品可以是完全自動以沒有任何讓觀眾參予的部份。這樣子也可以創作出很有趣的作品。近來國際知名的新媒體創作公司art+com就為BMW Museum創作了一件非常有趣的機械作品, 或是一件活動雕塑(Kinetic sculpture)。

以球狀的物料作為一個我們在電子世代必然接觸的單位 “像素” (pixel) , 作品彷彿就是一件機械化了的pixel art。然不只於平面的pixel art，他還加入了變形(transformation)的過程，或我們稱為morphing。活生生的像素就在觀眾面前立體地呈現出來，並藉由變形讓觀眾看到一個像素圖變成另一個像素圖的過程。
Art+com為BMW創作的這個可以是在沒有任何觀眾參予的情況下創造震撼。
另一個經典例子則要算到一個也是利用機械的方式，這回要視覺化的則是Dow Jones指數。(可惜我忘了名字, 後來如果找得上再補貼) 股票市場的指數通常上上落落，看來看去都只是數字。這個作品真正的做了上上落落。投資者大概會在進入這個市場前會看到這樣真正的上上落落而感到莫名的亢奮(或失落)吧。這是常常被提到的資訊視覺化, 這次的資訊就是股票市場的指數。

還請不要忘記老式機場還在用的顯示屏，它可真的機械顯示的代表。最近創作公司Troika在Artwise的贊助下在英國的希斯羅機場創作了一件以這類機械式顯示為素材的作品Cloud。在一個簇新的機場以一種在舊式機場才會看到的素材創作, 本身的場地特定(site specific)的張力已經非常的強。跟Pong Mechanik一樣會因為機械的運作而發去神奇的聲音。這個創作可以視為以機械為基本的一雕塑或視覺作品。

下一次再談一下以機械作為創作點的作品。
伸延閱讀:
processing-plant.com: http://www.hfg-karlsruhe.de/~ldemers/
Marcel-li Antúnez Roca: http://www.marceliantunez.com/
明和電機: http://www.maywadenki.com/

NYC Soldering Contest! 紐約市焊接比賽! 沒有比賽比這個更宅! 但很有趣!
當中得到第三名就是Making Things Talk和 Phsyical Computing的作者 Tom Igoe!!
看看這個來自NYC Resistor的主持的Video, 如何你是make Magazine的讀者, 大概會認得出他吧!

Someth!ngHappened 是一種生活態度
把我們無時無刻從腦袋跑出來的異趣靈感和奇妙見聞公諸同好
無樂不作，無趣不玩，無聊不拘是我們的宗旨
從開發源碼到心得分享，就由今天起，讓我們共同創做一個集體的開放平台
把大家作品的生命在這裡無限伸延
http://www.somethinghappened.hk
http://www.somethinghappened.hk/members

最近看到createdigitalmotion的一篇文章: If M.C. Escher did augmented reality..。
文中提到的Julian Oliver創作的Level Head, 上年風靡了電子藝術圈, 加上正直一股Augmented Reality熱在吹起, Level head一下子引發了一連串Augmented Reality的討論和研究。剛好Julian Oliver兩個多星期前再發佈新一波用Level Head作為基本的創作，正好讓我借勢重溫和伸延一下。

Level Head第一波的展示就利用了真實物件(reality object)的擺放方向(rotation/transformation)作為虛擬空間的導向。比我們常看到的Augmented Reality, Levelhead的空間伸延來的更猛。
我們一般找到的Augmented Reality例子大部份都有Head Mounted Display , 即架在頭上一副像眼鏡的顯示器。然後在移動鏡頭前的指定物件，電腦會因為物件的移動而作品配對，所以你會看到如果你把物件向右移動，顯示器看到的虛擬物件也會隨之而向右移動。

這類我會稱為單純的mapping (配對/配置)，利用pattern recognition (樣式辨認)的方法認出物件上特定的pattern (樣式)從而計算出真實中的物件的移動和轉動的幅動，然後根據這些數據配置在虛擬的物件上。
這類型的製作的經典可以數到Total Immersion上年的展示。其展示出來的那種虛實交互影響 : 真實物件影響虛擬世界的運作實在令人嘆為觀止。(也令我想起second life)

而head level的創作是再加入了幾個點子，讓我覺得他不是在賣弄技術，是全然師承了M.C Escher的概念。其中一個點子在第一波的展示也有了, 就是互動的點子。Head Level的盒子除了是一個Augmented Reality的空間外, 它還是一個操控, 操控著虛擬空間內的人的行動方向。這樣子我們的動作除了操控虛擬空間, 還有就是虛擬空間內的一些物件行動。
levelHead v1.0, 3 cube speed-run (spoiler!) from Julian Oliver on Vimeo.
虛擬空間內的人不停的迴廊，而我們在控制”他”的行動去探索哪個虛擬空間，這個引子會讓你揳而不捨地不斷在虛擬空間中迴廊。當中的空間沒有刻意製造錯視，卻令你陷入迴轉中。而Julian在他的新Level Head展示中亦繼續了這個方向。
說到利用互動媒體來展示mc escher的錯視的經典, 不能不推2006 Japan Media Art Plaza大賞的受賞作品, 藤木 淳的OLE Coordinate System (インタラクティブアート)。

這個明顯地向MC Escher取材的創作，加入了互動讓人瘋狂地陷入其設計的空間中, 並嘗試找出路。難怪PSP都要幫他推出遊戲”Echochrome“。上年年中的時候就推出了, 我的PSP從來就沒有一個遊戲 (只用來試試作點創作), Echochrome 就成為我唯一的PSP遊戲。如果你想你的善用的時間, 我會建議你不要開始玩好了。

你也可以在這裡試試個Flash的版本:
http://www.nhk.or.jp/digista/blog/works/20070517_fujiki/index.html
伸延閱讀:
Wikipedia “Augmented Reality: http://en.wikipedia.org/wiki/Augmented_reality
M.C. Escher 官方網頁 : http://www.mcescher.com/
Reactable: http://reactable.iua.upf.edu/
AR Toolkit: http://www.hitl.washington.edu/artoolkit/
Hallucii:

因為有訂閱的讀者有說過為什麼在訂閱器上面只能看撮要而不是全文, 還要看不到附圖.
所以我把訂閱的設定修定為顯示全文了.
如果你已經訂閱了theDemos的話, 可以按上圖或側欄右上方的 “rss theDemos” 重新訂閱.
另外, theDemos將有newsletter的服務推出, 敬請留意!

特別之興味隊 (draft version) from theDemos on Vimeo.
Youtube 版本
“特別之興味隊” 是 audiovisual團隊 S.I.G(網頁超過半年沒有更新…) 的其中一支audiovisual.
這次我們Crossover了emptyconcept 製作, 向經典日本動畫 “科學忍者隊” 致敬 .
音樂部份在上年八月已經完成, 上年的現場表演都是利用日本經典的動畫作為影像.

上年八月在wikimania台北的現場表演
在今年我們嘗試製作這個MV, 原來是一堆visual和animation, 再作現場即時互動. 我們這裡就草草將這堆visual剪接了. 我也利用了這堆visual和音樂在Playaround workshop的最後一天的表演中作現場表演.

伸延閱讀:
上年SIG在台灣的一連串現場表演: http://www.specialinterestgroup.hk/blog/?p=5
SIG的BLOG: http://www.specialinterestgroup.hk/blog
一堆SIG的表演:
http://www.the-demos.com/2008/05/06/sig-newsetaudiovisual/
http://www.the-demos.com/2008/05/08/sig-new-set-2/
http://www.the-demos.com/2007/11/28/theremin-watch/
http://www.the-demos.com/2007/11/26/sig-live-gig-pop-bites-cosy-gigs/
http://www.the-demos.com/2007/08/15/theme-song-mv-on-stage-version-of-sig-specialinterestgroup/
http://www.the-demos.com/2007/08/12/wikimania-opening-party-cc-party/
http://www.the-demos.com/2007/08/01/sigwikimania/
從前theDemos的表演:
http://www.flickr.com/photos/thedemos/collections/72157600312814573/

人人在談, 我遲到了…
坦白說這類用Generative art的方法做的audiovisual已經出現了很久, 可以就從來沒有重量級的樂團來推.
Radiohead繼網上下載後再利用自己的地位改變世界!
Radiohead一於貫徹開放源碼的概念, 你還可以到google code下載這個MV的Processing的源碼. 夠酷了吧!
其實你到vimeo上面去, 隨便都找到一大堆類似甚至更酷的generative arts audiovisual/MV. (你還可以在vimeo找到頭號聲音藝術家Scanner, 他有定期將自己的作品上載啊)
Murcof – Mir Nodes from Simon on Vimeo.
可是, 要推廣到更多人, 不靠巨星不行! 謝謝Radiohead的前瞻性眼光!
說起來, 兩年多前已經要說做一支這樣的MV, 我到現在還沒有做一個完全的. 看來有Radiohead堆堆之後該是時候了!
伸延閱讀:
源始碼: http://code.google.com/creative/radiohead/
http://www.memo.tv/radiohead_house_of_cards_openframeworks_templates
我也試過:
http://www.the-demos.com/2008/05/06/sig-newsetaudiovisual/ (Digitalogue的表演)
http://www.the-demos.com/flickr/album/72157603963955157/audiovisual-for-Candy-Los-music-show.html (Candy Lo 演唱會)

這本書在我跟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

早前看HP Art in Motion, 玩具音樂達人DJ Numark足以令在場等待ColdCut出場的Fans們熱血沸騰

LCDD沒有固定的成員，他們比較像是一隊自由團隊，但通常都可以找到Martin Rev, The Rebel, Paul Davis, Les Georges Leningrad。
他們表演時玩的是他們口中的 Doorags：diy instruments made out of toys and recycled continents。從他們表演看到他們不單是利用那些 doorags作為樂器，有時 doorags其實是表演的成員之一。你可以看到他們跟玩具狗來一段鬥牛; 你可以看到像我表演時也會用電話的奇怪行為，其實是在控制音樂跟影像。

看到他們瘋狂的改造玩具，除了發現theDemos以前的表演的方法之外，也讓我發覺theDemos好久沒有單獨出場。(寫這個post之時, 我還沒有在”玩趣”中演出…)

伸延閱讀:
LCDD的Myspace: http://www.myspace.com/lcdd
他們東京的表演: PingMag – The Tokyo-based magazine about “Design and Making Things” » Archive » LCDD: Crazy Toy Performers From Madrid

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
很老土也要說, 最後的成果倒是不最重要, …

升級工程進行中!
明天重開!
今天你還可以看到舊的post, 但是要忍耐一個爛的介面.