國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
2.4案例分析
在這一節將列出與本作品概念或形式類似的案例，共通點是運用影片達到說故事 的任務。不論是虛擬動畫或是實景拍攝，除了打破螢幕框架的限制，生動的互動 方式是他們共同的特色。良好的互動與內容能讓觀賞者更主動地參與其中去探索，
而探索的過程將使得故事的內涵更深植人心。
30
‧
出處 http://www.movikantirevo.comhttps://www.youtube.com/watch?v=tT99J65Y37s 截圖
利用 HTML5 和 Chrome Experiments 的 WebGL 技術，透過架設在電腦螢 幕前的 Webcam 擷取影像，及時分析動作，就能讓每個使用者在自家電
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
表 六：案例參考二 名稱 Find Your Way to OZ (尋找奧茲之旅) 背景 2013 年 2 月 5 日 ～ 今日
出處 http://www.findyourwaytooz.com/
https://www.youtube.com/watch?v=nxMlI4z-Khc 截圖
內容 以童話故事「綠野仙蹤」為靈感，迪士尼推出魔幻電影奧茲大帝，並與與 Google Chrome 團隊一同打造的宣傳互動網站，邀請大家一起來場尋找奧 茲之旅。在網站中，有三個場景轉換，透過視訊攝影機、遊戲的互動方 式，來引導使用者進入虛擬世界，尤其第三幕捲入暴風圈的臨場感，應 該是整體網站的重點。
技術 分析
用HTML5 和 Chrome Experiments 的 WebGL 技術，在 CSS3 的特性下，客 製化3D 元素，連聲音也是打造成 3D 音效，並使用 Webcam 拍攝影像讓 使用者製作自己的逐格影片。
優點 完全 3D 場景打造，畫面精緻，色調與音樂搭配得宜，適當的互動可讓觀 者再一次會來辦訪此網站的意願上升。
缺點 使用滑鼠和鍵盤，非直覺性操控，臨場感略為降低。互動方面雖然有趣，
但有點太過淪於遊戲化，似乎打斷敘事的進行。
32
‧
出處 http://www.axeeffect.jp/dry/index.html 截圖
Webcam 加上人臉辨識，效果靈敏度佳，且因為是實景拍攝的關係，更有 身處於當下的臨場感。
缺點 只有一個場景的視角轉換略顯單調，除了視覺上跟心理上的刺激外，缺 少敘事結構，很難使人持續去使用，但就廣告來說的確是有達到讓人會 心一笑的效果。
33
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
表 八：案例參考四 名稱 Chaos to Perfection
背景 2012 年 8 月 ～ 今日
出處 http://www.chaostoperfection.com/
截圖
內容 Google 製作了一個使用 WebGL 的 3D 凡爾賽宮互動導覽，這導覽帶領使 用者們參觀這個法國皇宮中許多的著名地點。這項Chrome 的實驗名為”
Chaos to Perfection”，它將歷史帶進了數位的時代，提供使用者與其互 動的機會且具有教學的意義。你可以一次觀賞完整的導覽，或者你能把 它分成幾個使用Google3D 模型的重要地點來參觀。你能夠探索大運河，
鏡廳，橘園，柱廊，以及其他地方。
技術 分析
用 HTML5 和 Chrome Experiments 的 WebGL 技術，讓網頁也能流暢地即 時跑出全3D 場景，使用者可悠遊於其中，輔以滑鼠操控畫面視角。
優點 WebGL 的技術可讓手持裝置流暢的撥放網頁上的影片，全 3D 場景的打 造加上畫面的設計，即使不做任何操控，光視覺就可滿足使用者對凡爾 賽宮綺麗的幻想。
缺點 以功能面來說，使用者與網頁的互動方式，對於使用者本身沒有太大的 意義，網頁設計本身還是以瀏覽地圖為主要目的。
34
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
根據以上的案例分析，HTML5 搭配 WebGL 幾乎可以概括大部分的影音功能，
也不需要像Flash 需要加裝外掛，以每個使用者在家中使用方便為前提下，是現 階段較為適合的網頁技術。而從內容層面得到的啟發，認為影像是一門用「看」
的藝術，過多跟觀看沒必要的動作，像是滑鼠點擊，畫面提示等等，容易打斷敘 事的進行。另一方面，雖然動畫可以比擬真實的場景，但仍不如真實拍攝的影片，
較容易增加觀者的情感投射。
35
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
第參章
系統設計實做本章節分為三大部分，第一節為設計理念與形式，闡述創作的想法及由來，以及 如何建立具有沉浸體驗的互動模式；第二節為系統實作，分別說明硬體和軟體這 兩塊所需要用到的設備和技術；第三節為影片製作，從文字腳本到分鏡，組織故 事的發展，另外也展示拍攝的企畫書以及拍攝當天的情形。