第四章、 虛擬實境古詩文教學輔助作品設計與開發
第四節、 作品场景與流程設計
二、 作品場景與互動設計
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
二、作品場景與互動設計
「天淨沙·秋思」虛擬實境古詩文教學輔助作品的設計分為兩個部分，一是 場景與意境的營造，即對古詩文內容的還原與意境的拓展，二是體驗與交互機 制設計，即對體驗式學習的設計。
其中，作品場景建構與意境的營造，又可分為：場景結構與關卡的設計、
場景畫面與風格設計、場景UI&UX 設計、音效與背景音樂設計四個部分。
場景體驗與交互機制設計又可分為場景體驗時長設計、場景交互機制設計、
體驗式學習與學習任務設計三個部分。
圖4-6：作品場景與互動設計結構圖
1、場景與意境建構
所謂意境，就是通過形象化的藝術描寫實現了主觀之意與客觀之景的交融，
從而能夠把讀者引入到一個想像空間的簡潔凝練的抒情其文學形象。它有兩個基 本特徵，一是主客交融，二是虛實相生（董學文，2001）。意境有兩個層次，第 一個層次是主觀之意和客觀之景和諧交融。第二個層次是“象”有強烈的擴張能 力，足以引起讀者的想像和玩味，產生形象之外的形象，景象之外的景象（歐運
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
波，2017）。歐運波認為，一切藝術都具有形象化的特點，意境理論指導下的初 中古詩文課堂建構，應把形象化作為建構的重要內容，「在初中古詩文教學中，
可運用情境教學法來構建形象性的課堂。適宜的情境能觸發學生進入想像狀態」。
因此，我們可以根據「天淨沙·秋思」全曲的原文內容，形象化構建其出意境與 畫面，讓學生透過虛擬實境沉浸、想像、互動的特點，理解該篇古詩文的內容及 意境。
「天淨沙·秋思」全曲僅五句 28 字，開始兩句「枯藤老樹昏鴉，小橋流水人 家」，畫出一幅深秋僻靜的村野圖景，給人造成一種冷落暗淡的氣氛，又顯示出 一種清新幽靜的境界，這裏的枯藤、老樹給人以淒涼的感覺，昏則點出時間已是 傍晚；小橋流水人家使人感到幽雅靜謐。「古道西風瘦馬」一句中，詩人描繪了 一幅秋風蕭瑟蒼涼淒苦的意境，為僻靜的村野圖又增加一層荒涼感。「夕陽西下」
使這幅昏暗的畫面有了幾絲慘澹的光線，更加深了悲涼的氣氛。詩人把十種平淡 無奇的客觀景物，巧妙地連綴起來，通過枯，老，昏，古，西，瘦六個字，將詩 人的無限愁思自然的寓於圖景中。最後一句，「斷腸人在天涯」是點睛之筆，在 深秋村野圖的畫面上，出現了一位漂泊天涯的遊子，在殘陽夕照的荒涼古道上，
牽著一匹瘦馬，迎著淒苦的秋風，信步漫遊，愁腸絞斷，卻不知自己的歸宿在何 方（魏崇武，1994；王勝賢，2009；曾小紅，2010）。
「天淨沙·秋思」的課文內容是根據「遊子」（斷腸人）的行走順序記敘的，
作者在文中按照時間順序，把「遊子」在漂泊途中的所見所聞記敘下來。因此，
我們的場景架構便可以根據文中的記敘邏輯，一一將文中內容與場景實現。
在「天淨沙·秋思」虛擬實境古詩文教學輔助作品的場景與體驗流程設計中，
我們依循上文所提出的作品邏輯與框架，按「天淨沙·秋思」古詩文課文中故事 情節的時間順序、時間頻率、時間跨度及具體情節內容，將「天淨沙·秋思」虛 擬實境古詩文教學輔助作品的場景與情節分為四個進程。
下表為各進程的場景、情節內容和與之對應的「天淨沙·秋思」古詩文課文。
‧
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
過在不同場景中的體驗，完成對「天淨沙·秋思」古詩文場景內容的建構。而在 具體場景的建置中，我們還需要適當地加入原文中並沒有出現的意象或景物，藉 助他們與原文場景的配合，在場景與畫面的設計中達成對古詩文意境的營造。
在最開始的場景中，體驗者需要按下「開始」按鍵，整個作品的體驗開始。
體驗者會看到用「天淨沙·秋思」的標題書法與以印章形式顯示的作者名字，讓 人有種沉浸到古畫、古書法字帖中的感覺。
圖4-7：開始場景所顯示的畫面
圖4-8：開始場景所顯示的畫面
在第二個場景中，體驗者會扮演旅人即「斷腸人」的角色，出現在一條鄉間 小道上，沿途會看到「枯藤」、「老樹」、「昏鴉」等意象。此外，體驗者還會 看到遠處錯落的「山」，和腳下不知通往何方的「路」，通過該這些意象的結合，
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
為體驗者構建一個深秋的鄉間小路的場景，使體驗者感受到該句詩文所描繪之蕭 瑟意境。
圖4-9：詩句一所對應場景
圖4-10：詩句一所對應場景
在第三個場景中，體驗者依然扮演旅人即「斷腸人」的角色，乘坐一艘小船，
在小橋流水的古鎮中穿行，兩岸是寂靜的農家，體悟曲中的「小橋」、「流水」、
「人家」等意象。在該場景中，我們不僅對小橋流水的古鎮做了適當的想像與美 化，還加入了南飛的「大雁」等意象，讓體驗者在寧靜優美的場景中依然能感受 到該曲所描述的時間為深秋，同時暗示作者的思鄉之情。並透過寧靜祥和的古鎮 和其他畫面的對比，製造強烈的氣氛衝擊：這和蘇軾的「定風波」所寫的「此心 安處是吾鄉」有異曲同工之妙，即「此處非吾鄉」，小橋流水的古鎮雖然美，但 它不是作者的故鄉，小橋流水的古鎮越是優雅靜謐，便越是能凸顯其他場景的蕭 條與寂寥，越讓詩人思念自己的故鄉。而體驗者便能從這對比中，更直觀地感受
「斷腸人」即作者對故鄉的嚮往和思念。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖4-11：詩句二所對應場景
圖4-12：詩句二所對應場景
在第四個場景中，體驗者仍扮演旅人即「斷腸人」的角色，此時，他會看到 在落葉飄零的道路上，一匹「瘦馬」迎著西風踽踽獨行，由物及人，讓學體驗者 明白自己也正在這條不知通向何方的「古道」上，孤獨地趕著路。在古詩詞中，
「落葉」是個常見的意象，古人常常會用「落葉」來體驗遊子在外的意象，或是 渲染蕭瑟的意境，如「落葉歸根」，或是杜甫的「無邊落木蕭蕭下」。這裡我們 選取該意象,通過「飄零的落葉」來體現西風的蕭瑟，同時「飄零的落葉」亦是 文中「斷腸人」精神意象的映射，通過落葉飄零，營造出蕭瑟的意境，暗示「斷 腸人」即作者的命運也如同這飄零的落葉般風雨飄搖。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖4-13：詩句三所對應場景
圖4-14：詩句三所對應場景
在第五個場景中，體驗者的視角會隨著詩句一起，拉遠放大，變成第三人稱 視角，在這個場景中，體驗者只會看到歡歡沉落的「夕陽」，一人一馬在空曠的 大地上，不知去向何方。和其他場景不同，第五個場景的畫面和物體設計會盡量 精簡，以此營造空曠、寂寥的感覺，讓體驗者感受蕭瑟和孤獨的意境，以此體會 遠離故鄉的「斷腸人」即詩人肝腸寸斷的思鄉之情。
圖4-15：詩句四所對應場景
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖4-16：詩句四所對應場景
而在這五個場景之後，體驗者還需要一個總結、鞏固學習的場景，來加深他 們對「天淨沙·秋思」全文的印象。因此，我們需要再設計一個場景來做最後的 鞏固學習，該場景中需要有「天淨沙·秋思」全文。本研究設計一個以竹簡、書 法為主題元素的最後展示場景，讓體驗者通過互動，觸發「天淨沙·秋思」全文 的展示，加深其學習印象。同時，對於畫面空曠的背景部分，我們吸收了古畫中 常見的涼亭、湖面、楓樹的意象，通過緩緩飄落的楓葉，加深體驗者對「天淨沙·秋 思」一文中「秋」字的理解。
圖4-17：回顧總結對應場景
圖4-18：回顧總結對應場景
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
此外，本作品還設計了一個可選的測試場景，體驗者可以自主選擇是否進行 該場景的體驗。在該場景中，我們綜合之前所有場景中蘊含的知識點，從中挑選 出5 個具有代表性的測試題目，考察體驗者通過作品的體驗，對「天淨沙·秋思」
的體裁、作者、曲文內容這些面向的知識掌握情況。
圖4-19：測試場景與對應畫面
圖4-20：測試場景與對應畫面
綜上，在「天淨沙·秋思」虛擬實境古詩文教學輔助作品的場景與關卡設計 上，本作品一個氛圍學習階段（場景1 至場景 5）、鞏固複習階段（場景 6）、
可選擇的測試階段（場景7）。在學習階段，即場景（關卡）1 至場景 5 中，各 場景/關卡按順序依次體驗，體驗者通過與場景交互，完成各關卡的學習任務，
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
並切換至下一關卡繼續學習，直到鞏固複習階段。而在鞏固複習階段，體驗者通 過臨摹「天淨沙·秋思」的曲眼「秋」的書法之後，觸發展示全文的按鍵，複習 全篇曲文內容。
此後，體驗者可以選擇是否進行測試，如果選擇進行測試，則將打開場景（關 卡）7，通過拿起手中的火柴點燃正確答案所對應的燈籠進行答題體驗。
各場景的具體關卡層級圖如下：
關卡1
圖4-21：關卡層級圖 1
開始按鍵 按下開始後墨跡暈開
標題顯示 文字粒子消散
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡2
圖4-22：關卡層級圖 2
正面視角 背面視角
點擊枯藤注釋 點擊昏鴉注釋
點擊老樹動畫 點擊昏鴉動畫
至下一句，切換場景
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡3
圖4-23：關卡層級圖 3
點擊人家注釋 點擊流水前進
正面視角 背面視角
至下一句/返回上句，切換場景
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡4
圖4-24：關卡層級圖 4
背面視角
至下一句/返回上句，切換場景
點擊瘦馬動畫 點擊瘦馬注釋
點擊古道注釋 點擊西風注釋
正面視角
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡5
圖 4-25：關卡層級圖 5
正面視角 背面視角
點擊斷腸人注釋 點擊天涯注釋
點擊天涯動畫
至下一句/返回上句，切換場景
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡6
圖4-26：關卡層級圖 6
草書體 挑選“秋”四種書法字體學習
楷體 瘦金體
完成書法練習 行書體
背面視角
鞏固複習全曲文章
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
關卡7（可選關卡）
圖4-27：關卡層級圖 7
正面視角 背面視角
答对画面 答错画面
測試題 測試題