• 沒有找到結果。

五、 實作範例

5.1 條件式劇情範例—複選題

在這一節當中我們會以複選題為例子,介紹如何用我們的視覺化系統實際編 輯出此種有條件式劇情的內容。

„ 步驟一: 選擇條件式控制

本節以複選題為例子,由於複選題是要當使用者按下觀看解答之後根據 使用者所選擇的答案判斷對錯,因此要在觀看解答的演員劇情上加上條件控 制,所以要在劇情工具列上選擇條件控制。

在觀看解答的劇情列上點選條件控制

圖 30-設定條件控制劇情

點選條件控制之後,就會跳出如下圖的對話表單,此對話表單會提醒使 用者必須要設定條件式、成立劇情以及不成立劇情。之後更會一步一步幫助 使用者將條件控制設定完成。

圖 31-條件控制對話表單

„ 步驟二: 設定條件式

接著就要設定此條件控制的條件式,點選條件控制對話表單的條件式按 鈕,之後就會出現如下圖的設定條件式的對話表單。以此複選題為例,條件 式要設定為判斷使用者所輸入的答案是否正確,因此條件演員就是那些答案 選項,如果是正確答案的選項,條件式就要設成被按下,如果不是正確答案 的選項,條件式就要設成沒被按下。在此例中,首先點選左邊的縮圖將三個 答案選項都設成條件演員,之後將正確答案,也就是套餐A,套餐 C 設成被 按下,錯誤答案,也就是套餐B,設成沒被按下。

圖 32-設定條件式對話表單

當設定完條件式按下確定之後,就會跳回之前得條件控制對話表 單,並出現條件式以設定的訊息,幫助使用者了解目前以設定好哪些項 目。

圖 33-條件控制對話表單(條件式已設定)

„ 步驟二: 設定成立劇情

接著就要設定條件式成立之後的成立劇情,也就是當使用者選擇了正確 答案之後,所要演出的劇情。一樣點選條件控制對話表單當中的成立劇情,

之後就會出現如下圖的成立劇情對話表單,在此例當中,當使用者點選了正 確答案,就要演一個老師鼓勵同學說答對了的劇情,因此只要在縮圖上分別 點選答對了的對話框以及老師這兩個演員,即完成了成立劇情的設定,且此 設定可以馬上從下方的縮圖上看到結果。

„ 步驟三: 設定不成立劇情

接著就要設定條件式不成立之後的不成立劇情,也就是當使用者選擇了 錯誤答案之後,所要演出的劇情。一樣點選條件控制對話表單當中的不成立 劇情,之後就會出現如下圖的不成立劇情對話表單,在此例當中,當使用者 點選了錯誤答案,就要跳到另一個解說正確答案的場景,讓答錯的人可以在 複習一次正確答案,加深對此題目的印象。因此只要右邊的故事場景縮圖上 點選解說正確答案的場景即完成了成立劇情的設定,同樣的此設定也可以馬 上從下方的縮圖上看到結果。

圖 35-設定不成立劇情對話表單

„ 步驟四: 完成設定

當所有都設定完成之後,條件控制對話表單就會都顯示以設定。

圖 36-條件控制對話表單(均已設定)

按下OK 之後,就完成條件控制的設定,且結果也會立即顯示在劇情列 上,如下圖所示:

圖 37-條件控制設定完成

„ 步驟五: 觀看結果

接著我們來觀看一下剛剛編輯後的結果,假如我們選擇套餐A 以及套 餐C(正確答案),按下觀看解答之後,就會出現答對的訊息。

選擇了正確答案之 後按下觀看解答

假如我們選擇了套餐A 和套餐 B(錯誤答案),就會跳到講解正確答 案的頁面。

選擇了錯誤答案之 後按下觀看解答

相關文件