本文在 首先發布

不要以為是夏里遜福的 Blade Runner 再重拍。

這個一個由oobject 辦的投票，讓大家選出最 Blade Runner 的建築。

說到底，Blade Runner 這裡就代表了未來, sci-fi。

嚴選出來的 15 個建築風格迴異，但同樣震撼。當中大部份是 Interactive Architecture (互動建築)。
當中也包括了北京的水立方，只因其泡泡原來有變色功能。
說到北京，如果你有看奧運的開幕禮可能會留意到當中一幕活字印刷術的表演。人肉堆砌的 pixel 風格令人感嘆叫絕。這 15 個建築也有差不多利用 pixel 的風格造出來的互動建築，就是我很喜愛的Ned Kahn 和 Flare 。

當然也有我上課常愛展示的Twists and turns 由Holger Mader 、Alexander Stublic 、 Heike Wiermann 共同創作。

伸延閱讀:

http://www.interactivearhitecture.org
http://wists.com

本文在 首先發布

一向沉迷 Generative Arts (洐生藝術) ，各式各樣的以 Algorithm 去 Generative 方式﹕game of life ，wolfgram，particle system，L-system，A* 等等。

當中最多人嘗試的入門方式首推 Wolfgram (要是你懂Processing 又想開始試試 Generative Arts, 可以看看 Processing 內的例子) 。

其實你可以將Wolfgram 分類為 Cellular Automata 。Cellular Automata 當中以 Wolfgram 和 Game of Life 最多人利用為 Generative Arts的基本。貪其本身計算出來的視覺化能力。

Stephen Wolfram 這位數學家發表的一系Wolfgram 方法可以到其 Wolfgram Research 裡找到。網竝裡也有發表不少過癮的案例。當中 Wolfgram Tone 這個定必是我的首選。

你不概首先不用理會他怎樣能編出一首歌來，就憑你的感覺，選你心目中的歌曲類型。簡單的玩法可以即時播放。若你對Wolfgram Algorithm 有少少認識，你可以在下面的進階選擇中再玩深入一點，改其洐生的方法 (例如他的 algorithm pattern等等) 。

所以到最後你播放出來並不是一首由音樂人編排好的歌曲，而是由 Wolfgram Tone 這個程式幫你洐生出來的。本來想寫詳細一點，可惜工作繁忙至極。留待下次慢慢再詳談 Generative Arts。先好好享受一下 Wolfgram Tone !

伸延閱讀﹕

http://rhizome.org/editorial/news/?timestamp=20080808
http://www.the-demos.com/2008/07/22/radiohead-house-of-cards/
http://www.the-demos.com/2008/05/06/sig-newsetaudiovisual/

任何一個從事數位藝術的夢,
五年多前我開始做作品就希望自己會在PRIX Ars Electronica 得獎, 然後作品在CyberArts, Ars Electronica Festival 的展覽中展出自己的作品。

今年CyberArts 08 終於找到了我的名字、我的作品: Moving Mario。
同場展出的有很多是我這一年很喜愛的作品，包括Level head，Augmented Sculpture Series，It´s fire, you can touch it 等等。還有openframework 的展示。

Moving Mario @ CyberArts 08!!!!!!!

Moving Mario @ CyberArts 08!!!!!!!

更多:

Moving Mario
http://www.the-demos.com/2008/06/18/movingmario-congrad/

本文在 首先發布

好像是個沒完沒了的討論。

有相當多的人以”技術或科技吞食了意思“作為批評互動媒體作品的主調。當然部份作品真的是從來沒有意義。但在許多人的眼裡看，互動媒體只是科技罷了。或許，這是看到了表面。這句話好像是在發明了相機或電影的初期一樣，只看到其科技性。

有這個討論點，因為之前有朋友問到關於Telegarden 的藝術性問題。

Telegarden 是由Ken Goldberg 和 Joseph Santarronmana 創作。兩位是分別來自柏克萊大學和加州大學愛爾文分校的教授。他們在南加州大學的領導下創作了這個作品。他們在南加州大學的實驗室內設立了一個花圃，這個花圃有一支機械手臂，可以旋轉以及上下左右的運動。手臂也安裝了一個網路鏡頭。觀眾可以透過網路去進行種植、播種和灌溉等等園丁的工作。當然觀眾也可以在網路，透過鏡頭看到花圃的情況。這個花圃在1995年6月開幕，一年之內就有九千人加入成為園丁。1996年9月搬到奧地利電子藝術中心 (Ars Electronica Centre)。一直到2004年8年，這個花圃終於謝幕。

很多第一時間都會說這只是變成了機械培植，最多是可以很多參予的共同培植活動。他的藝術性在哪 ?

(當然，如果你是認為藝術應該是美，或傳遞個人感受或青達情緒意見的話。我會建議你先不要定義藝術得這麼窄。)

Telegarden (電傳花園) 真的算是網路藝術的一個經典作品。葉謹睿在”數位藝術概論“中將網絡藝術 (net art) 的特質分成了四個方向:

1. 網路超文件與超媒體本質
2. 網路所蘊含的通訊與傳播功能
3. 網路的虛擬公共空間特性
4. 網路軟硬體料技結構

早前我們的文章中都有很好的例子可以思考頭兩點。

這個來自1995年的創作所以成為很多人心目中的網路藝術經典，大部份的評論都會集中在討論其網路的虛擬公共空間特性。這個聽起來有點抽象。

Telegarden 是一個不折不扣的現實花圃﹕有真實的花圃特性，花圃中的植物亦是由真實，由各園丁種植、播種和灌溉。各園丁的參予卻是經由網路。這顯然是一種”虛擬” 的參予。

我們現在常在網路上流連的blog、討論區等等都是屬於公共空間﹕所有人仕都可以參予，不管是會員制或沒有會員制。我們都會透過網路到一個公共空間共同分享。比如說我們到討論區分享或觀看資訊，都是在參予一個由很多人組成的公共空間，而這一空間是一虛擬空間。沒有創造出真實的東西，我們就在這個空間裡活動。

網路的虛擬公共空間特性在Telegarden 成了一個很重要的討論﹕觀眾們透過一個虛擬的公共空間正在參予一宗活生生的種植活動。這種徹底的跨地域性參予突顯了一個網路的虛擬公共空間特性。而當中的虛擬動作其實是在活生生的操作中，你會在這個虛擬的公共空間中共同見證並參予了一個單一空間的活動。這種模糊不清的虛實關係也引發了一輪有關於公共空間的特性的討論。

很多藝術家都曾經利用這種特性創作。

例如經典作品 The World’s First Collaborative Sentence 就是由 Douglas Davis 在1994發動的集體創作。他利用了網路的公共空間特性邀請全球人進行一集體創作﹕每個人來寫一句，條件是不可加句點。變成一篇沒有完結的集體創作。

網路藝術 (net art) 發展到今天已經有很多的課題，當中包括監控，竊聽等等。下次再有時間我們再說其他的網路藝術。

伸延閱讀:

數位藝術概論, 葉謹睿 著
Listening Post , Mark Hansen 和 Ben Rubin
由跨連結(Cybertext)到關係圖: 動態的關係連結

本文在 首先發布

今年六月的時候我們於數位典藏藝術節裡展出作品 “歷．程”，當中我們的視覺有點像現在很流行我 “關係圖” 的網頁插件。(我們還沒有把“歷．程”的記錄整理好，希望稍後整理完畢後貼出來。)

這種以線連接到不同的物件上的視覺表達，基本上不言而喻就知道當中涉及到物件與物件之間的關係。像我們的作品“歷．程”，當中牽涉的就是照片與照片之間的敘事和時間的關係。

一堆照片或文字或關鍵詞的排列，可以是有不同的視覺化方式。讓我稱上面提過的”關係圖”視覺化方法為 “關係連線”。這一類視覺化可以直接將各物件的關係以一種千絲萬縷的形式呈現，用家可以用視覺直接連繫到中間的關係。最明顯不過的例子就是小說，劇本的人物關圖。或現在有的Facebook Friend Network。

要是加入了讓用家參予的原素，當中呈現的關係就更加的明顯而多向。

在這類創作裡，資訊都是不停地給很多用家在更新。所以，關係圖也不斷的在變化。這種模式在web 2.0世代後愈來愈多。

我們由從前的超連結(hypertext)變成了cybertext。很多翻譯都翻cyber為網際文本，可是如果hypertext是超連結的話，跨連結可能更適合cybertext。

從前的hybertext都是由一個點連到另一個點，點和點之間的關係是固定。由於從前的網際連結都是點對點的關係，用者同時為作者的情況還不普遍。於是資訊與資訊之間的關係都很簡單。作為編輯可以是直接改動連結就行。

到了web 2.0的年代，用家同時是編輯員。設計師要將過度泛濫的資訊呈現出來再更加困難。Hybertext的連結是可以預期的﹕A點的連結必然是B點。這種模式在現在已經不能這樣的單純和靜態 (static)。Cybertext 的連結是不斷在變，會基於資訊變化，用家的動作而作出不同的導向 (linking)。

上面提過的facebook network，要是你要facebook的用家都會發現他會在你要求更新的時候幫你運算一張關係圖。雖然不是自動，但cybertext的精神都可以從中略見一點點。可是，就沒有連結。

Bestiario 研究所創作的videosphere 利用了 Ted Talk 這個全球曯目的名人演講典藏當中的視頻連結作為基本物件。這個你可以視為一個視覺瀏覽器 (visualized-browser) ，你可以挑選不同的資訊，如關鍵詞等等作為瀏覽的導向。因為每一個演講的視頻都跟其他的演講有點共同特性，例如大家都有 “互動設計” 這個關鍵詞，Videosphere會帶領你到其他相關的地方。

視覺上用了一個數學上的無盡概念: 球體。你可以進入球體或從外面先瀏覽，你同時可以設定一些視覺上的屬性，如球體的大小。

平淡一點的例子有VisualThesaurus (VT)，VT會幫你連接相關詞。這也是一個蠻有趣的玩意。

伸延閱讀:

visualthesaurus: http://www.visualthesaurus.com
VideoSphere: http://www.bestiario.org/research/videosphere/
Cybertext: http://en.wikipedia.org/wiki/Cybertext
Hypertext: http://en.wikipedia.org/wiki/Hypertext

本文在 同步

當我在和學生或者其他藝術家談到我的作品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 演唱會)