第三章 音樂與視覺影像融合的相關案例分析
第三節 應用程式
一 Synse7
Synse是一個互動性的視覺化音樂應用程式，內容共設計三種介面形式，如圖3-5分 別是〔巴黎〕、〔液體〕與〔生活時光〕。三種介面風格各不相同，並展現出不同的創 新音樂互動形式。
圖3-5 (a)〔巴黎〕畫面、(b)〔液體〕畫面、(c)〔生活時光〕畫面
資料來源：synse, http://www.synse.net/, (2014/8/11)
〔巴黎〕的影像畫面中，呈現出華麗的霓虹燈街景與川流不息的車輛，讓使用者觸 碰影像產生變化與對應的音樂，讓傳統的影片成為一個可操控的舞台秀。〔液體〕與〔生 活時光〕須使用者觸碰畫面，才能產生動畫與對應的聲音，不同的處碰點呈現的動畫也 不同，讓使用者不僅能自組聲音還可以創造不同的影像呈現。
二 動物嘉年華8
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
M! 網站：http://www.youtube.com/watch?feature=player_embedded&v=B3OK5Hw8Tus!
]'^! ]5^! ]4^!
! IE!
圖3-6動物嘉年華是Toothy Buddies工作室所推出的互動音樂教育應用程式，讓孩子 隨音樂和動物圖像譜來認識法國聖桑（Saint Saens）的古典名曲〔動物嘉年華〕(Carnival of the Animals)，與不同的音樂元素，包括時值、節拍、旋律線條、樂句和曲式。遊戲 裡不同的故事主題，會有不同的教育內容，像是以袋鼠角色為主的故事，透過遊戲，讓 小朋友感受音樂的元素—音長。樂曲以一連串跳躍的音符模擬袋鼠的快速跳動，讓小朋 友可以在這首簡單的樂曲中感受和對比長與短的時值。此遊戲透過聆聽音樂與圖像譜進 行互動，利用故事中可愛圖案的引導，讓兒童能對典音樂產生興趣，並感受音樂的元素。
圖3-6 動物嘉年華畫面
資料來源：Toothy Buddies, http://www.toothybuddies.com/carnival-of-the-animals,(2014/8/12)
三 Color Band9
由台灣遊戲團隊LND Games自製發行的互動式音樂繪圖遊戲Color Band，是一款適 合小朋友或對畫圖和音樂有一點興趣的大朋友，讓他們能輕鬆的「畫出音樂」，見圖3-7。
Color Band是一款玩法特殊的互動式音樂繪圖遊戲，是繪圖本也是音樂演奏器，遊戲中 每個顏色都有搭配的聲音，可以在空白的畫布上依照自己的喜好來繪圖，或是用遊戲中 預備的著色本來繪圖，也可以切換為單純沒有聲音的顏色，為繪圖增加更多變化。此外，
遊戲還有兩種特殊的畫筆，一個是可錄音的畫筆，隨意錄下自己的聲音，畫在畫布的不 同位置，還有不同的聲調變化；另一個是會循環的節奏跟旋律，搭配上其他的聲音顏色，
可以創作出屬於自己獨一無二的音樂圖畫。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
N! 網站：https://www.youtube.com/watch?v=tcQQ2uFgX9o!
O! 網站：http://www.youtube.com/watch?v=EI51Pd62vog#t=79!
! IF!
圖3-7 Color Band畫面截圖
資料來源：youtube, http://www.youtube.com/watch?v=EI51Pd62vog#t=79, (2014/8/12)
四 Scape10
圖3-8為音樂家Brian Eno與軟體設計師Peter Chilvers共同打造的應用程式Scape，能 讓使用者透過「作畫」的方式，創作出屬於自己的氛圍音樂。「畫作」中的每一個元素 都代表著不同的聲音，無論是背景、圖形與顏色，都會對最終合成的音樂起到影響，「畫 作」中不同的元素組合在一起也會產生不一樣的動畫效果。此外Scape還內建了錄音與 照相的功能，讓使用者可以錄製自己創作的音樂，以及拍攝呈現的影像畫面。
圖3-8《Scape》畫面
資料來源：CreateDigital, http://createdigitalmusic.com/files/2012/09/scape3, (2014/8/12)
五 Tunetrace11
倫敦大學瑪麗王后學院所支持的創業團隊 QApps，推出一個音樂應用程式 Tunetrace，
能運用程式語法把繪畫的線條「翻譯」成音樂，見圖3-9。使用者只要下載這個免費的
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
EP! 網站：http://www.youtube.com/watch?v=8zNLlKRrUVk!
EE! 網站：http://www.youtube.com/watch?v=C6V4yN6zYjc!
! II!
App，然後照下任何你畫的，或是網路、路上看到的畫，按下播放鍵 App 就能把各種線 條來回傳遞的路徑轉換成各種音符。#+)%0,'4% 運用了兩種電腦視覺技術 0$,%.$-=3()7 以及skeletonisation。前者決定照片中何為圖像線條及背景；後者是將線條細化成一個 點的寬度。等到程式將圖片簡化之後 螢幕上會出現許多小光點 每個光點移動一次都 會發出一個聲音 有的是鼓聲有的是電子音效。雖然轉換出來的音樂大同小異，但也算 一種特別的_樂器；而瑪麗王后學院已經把這個技術拿來做為課堂上輔助的教材，讓所 有會塗鴉的人感受到程式設計有趣之處。!
圖3-9《Tunetrace》畫面
資料來源：appszoom, http://cn.appszoom.com/iphone-apps/tunetrace_gcdsm.html, (2014/8/12)