無想設計部落格

兩廳院事件簿:烈火中的帥哥警探・攜手遊戲推廣表演藝術(下)

兩廳院、躍演以及無想設計回顧專案進行的過程
兩廳院、躍演以及無想設計回顧專案進行的過程

注意:此篇文章為下集,請先閱讀兩廳院事件簿:烈火中的帥哥警探・攜手遊戲推廣表演藝術(上)


風格以及元素設計

遊戲風格與遊戲元素是怎麼被決定的呢?我們來聽聽聚樂邦美術設計劉嘉璘創作的想法

「兩廳院希望劇團感強一點,遊戲感弱一點,所以就會找很多有戲劇張力的感覺去做。但是在某次的開會,他們看到薩爾達傳說這個遊戲風格,被那樣的畫面吸引,後來決定要反過來,遊戲感強一點,戲劇感弱一點。最後演變成大家熟知的 RPG 遊戲風格,包括用色跟排版上。」嘉璘回顧

嘉璘分享風格提案的過程
嘉璘分享風格提案的過程

「 最初設計運用很多拼貼的元素,然後建築物跟人不成比例。這會是海報設計很適合的風格,但是要走遊戲感覺的設計就比較難駕馭。RPG 的風格很寫實,所有物件都是正常比例呈現,因為要模擬現實世界的感覺,讓玩家感覺自己可以在裡面生活。」嘉璘描述心目中的 RPG 風格樣貌

三種不同風格提案
三種不同風格提案

「因為裡面會用到衣服的部分就只有RPG,有稍微重製過但除非是服裝設計師本人,不然應該看不出來。把原稿重製成平面風格後,順便把對角色的印象加進去。其實比較明顯的是鰲嬌的服裝,原本是紅色上面有點點,我把點點變成愛心。」嘉璘說

服裝設計師手稿
服裝設計師手稿

嘉璘強調「我覺得點點相對來說是比較缺乏個性的符號,而且在其他角色的服裝上重複出現。相較於其他角色,鰲嬌的個性比較鮮明,所以我用一個很女性化的符號(愛心)來代替點點來強化角色特性。」

根據演員在遊戲裡面的角色特徵幫服裝加上愛心
根據演員在遊戲裡面的角色特徵幫服裝加上愛心

跨媒體實境遊戲的核心概念是乘載與轉移,嘗試把熱愛遊戲的人群載往劇場,而我們就是打造那輛列車的人

— Fung 專案管理【無想設計】

遊戲執行

用網站當作遊戲的載體是一個機會還是挑戰?聽聽無想設計專案管理 Fung 以及 無想設計前端工程師 Lynn 的分享。

Lynn 回顧「一開始聽 Fung 描述我會以為是一般小遊戲融合劇場小知識,再加上一些背景故事,是一個讓人們認識劇場文化的簡單網頁小遊戲,搭配簡單的線下互動,但以線上體驗為主。結果來才發現小遊戲的比重偏少,主要是實境遊戲,劇情也不是簡單的背景設定,而是一個與遊戲體驗環環相扣的主軸。更出乎意料的是,沒有想到 RPG 的元素會這麼多。」

Fung(左)& Lynn(右)回顧開發細節
Fung(左)& Lynn(右)回顧開發細節

「遊戲網站與一般網站的目的不同,一般網站的目的是能夠讓使用者快速的找到他們想要操作的對象,然後引導使用者順利完成任務。而遊戲網站卻已經寫好既定的流程,因此玩家不需要在使用者介面中尋找操作的對象,只需要跟隨劇本引導,沈浸在遊戲帶來的感官享受。」Fung 分析

Phase 1 第一版 flow chart
Phase 1 第一版 flow chart

Fung 回顧「一開始遊戲設計師很清楚表現出對這次遊戲的期待,他們希望能夠讓玩家透過多種方式體驗遊戲,除了最基本的觸碰之外,想要導入像是語音、擴增實境(Augmented Reality)以及 360 度全景照片的體驗,並依據這樣的規格下去做情境設計與開發。我們花了不少時間替不同的互動方式挑選適合的引擎,並嘗試整合進遊戲系統。比較可惜的是,最後有部分技術因為瀏覽器支援程度以及遊戲場地限制而必須做出取捨。」

Phase 2 部分 UI flow
Phase 2 部分 UI flow

「為了爭取更多時間測試,劇本撰寫與遊戲開發需要同時進行。我們讓設計師先把 flow chart 轉換成 UI flow,我們能夠在不考慮畫面細節的情況下完成最重要的遊戲流程,方便後續分配開發不同的小遊戲。而利用遊戲開發完成等待測試的空檔,把繪製完成的元素逐項加入。」Fung 表示

部分遊戲流程 prototype
部分遊戲流程 prototype

Lynn 分享「實作中讓我印象最深刻的一段是將實拍道路影片與跑酷遊戲整合的過程。一開始在電腦上開發的時候一切看起來都很順利,直到專案佈署上線,使用實機測試後我發現影片無法顯示。一開始我以為是影片上傳失敗,後來透過開發者工具分析才發現一直抓到舊的影片路徑,於是我們將快取機制關閉,解決這個問題。後來雖然影片正常顯示,但是卻不能自動播放。研究之後發現,原來瀏覽器對於要在手機上自動播放影片有一定的限制,需要設定特別的屬性才能達到自動播放的效果。」

跑酷小遊戲
跑酷小遊戲

「我們發現不論是劇本或是人物對話常常需要調整,變動來自每一次新版本推出後的測試,而這些測試者的回饋成為我們優化遊戲體驗的重要方向。像是遊戲設計師會在比較困難的關卡加上提示文字以降低過關難度,或是編劇重新調整人物對話的節奏或是內容,讓劇情更流暢地進行。我們重新調整遊戲架構,把遊戲顯示和文本,以每個遊戲階段為單位切分成不同檔案,讓遊戲設計師或編劇也可以自己更新對話內容,而不用透過工程師。」Fung 總結

const content = {
  chap: {
    whichChap: "第一幕第一場",
    title: "奔跑吧開特力",
    content: "前往劇場的道路危機四伏,尤其是那些上了年紀的人",
    buttonText: "開始",
  },
  chapStory: [
    [
      "這是和平常沒什麼不同的一天。晚上七點,你提前完成了前幾天的工作量,正想著晚上要廢在家看什麼無腦爽片之際",
      "卻看見主管慢慢走來的身影,心中一種不安的陰影逐漸擴大⋯⋯",
    ],
    [
      "心中十座火山噴發,臉上笑容可掬。你說:「好的,謝謝主管。」",
      "30分鐘,你必須完成這個任務。什麼鬼啊!連晚餐都沒得吃!",
    ]
  ],
  game: {
    title: "奔跑吧開特力 遊戲說明",
    rules: [
      "要在60秒的時間內,準時抵達劇院喔!",
      "記得要去iPON機台取票,不然就沒辦法看演出囉!",
      "紅色陰影的是障礙物,請避開。",
    ],
    buttonText: "開始遊戲"
  },
  dialogs: [
    {
      title: "主管",
      content: "上次那個簡報真是太謝謝你了,及時雨啊,救了我一命。",
      subTitle: "我",
      subContent: "(別客氣,不要打擾我,趕快走)",
    },
    {
      title: "主管",
      content: "是說啊,我女兒說有一齣戲很好看,叫啥啊那個⋯⋯誒誒⋯⋯",
      subTitle: "我",
      subContent: "(干我屁事...)",
    },
    {
      title: "主管",
      content: "總之是一齣今天演出的音樂劇啦!很好看,我買了票本來要去看的,但你知道,我老婆啊⋯⋯",
      subTitle: "我",
      subContent: "(我不知道,我什麼都不知道 (ŏ_ŏ) )",
    },
    {
      title: "主管",
      content: "總之,為了答謝你,我決定把這張票送給你,奇怪,票呢?啊,對了對了,要去那個,啥?你要去便利商店把它刷出來。",
      subTitle: "我",
      subContent: "(不會吧?)",
    },
    {
      title: "主管",
      content: "就這樣說定囉,明天你再跟我說那個戲好不好看喔!七點半開演,在南海劇場,你趕快去吧!",
    },
  ],
};

export default content;

共同想像的未來

「以現在台灣的市場和劇場文化來看,不太可能有一個專門的製作團隊或是劇團,有時間策劃這種類型的遊戲,光製作期就要三個月,他們沒有能力承擔這個風險。所以兩廳院想做一個示範,如果實驗成功,遊戲有趣,劇本被大家認同,或許新世界的米蒂亞在未來會有完整的演出。」文瀚想像

透過類八點檔人物關係圖描述劇中人物關係
透過類八點檔人物關係圖描述劇中人物關係

文瀚說「不過我們也發現玩手機遊戲的人不太看劇情,這是我們學到的。不在手機遊戲裡面塞太多文字訊息的情況下,故事劇情應該要透過什麼樣的方式讓玩家接收?還是劇情必須是在安靜的情境下透過影片呈現?這些問題,都要等到第三階段音樂劇結束後,我們蒐集玩家給我們的回饋,才會知道未來要怎麼做得更好。跨界是未來兩廳院在跟觀眾溝通的時候,我們會一直去嘗試的方向,我覺得劇場真的有太多可以學習的事情,可以幫助大家應用在自己的生活中。」

實況主玩遊戲片段

「我們期待在表演藝術領域尋找跟大家生活息息相關的內容,透過共同狀態做媒合。大家總是認為表演藝術離自己生活很遙遠,要是不進劇場,就不會看到表演。事實上表演藝術可能發生在生活中食衣住行的各個面相,我們正努力嘗試找到那個連結點,玩出有趣的跨界。」舒涵補充

「這次的過程讓我想起 Alan Kay 說的一句話:『預測未來最好的方法,就是自己創造。』有趣的地方在於不論是兩廳院、躍演、聚樂邦或是無想設計,任何一方都沒辦法完全預料到活動全貌,大家在過程中只能持續溝通和想像,直到音樂劇演出結束,很開心這次有機會跟大家一起參與未來被創造的旅程!」Fung 開心的表示


專案階段

兩廳院事件簿:烈火中的帥哥警探遊戲專案階段

特別感謝

國家戲劇院提供訪談拍攝場地
https://www.facebook.com/ntch.tw

來坐夥提供訪談拍攝場地
https://www.facebook.com/SitTogether/

Photo credit 攝影師福愛
https://www.chenyingwei.photos


想了解更多關於我們的故事嗎?歡迎到無想設計官網用 FB Messager 找我們聊聊

兩廳院事件簿:烈火中的帥哥警探・攜手遊戲推廣表演藝術(下)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to top
Close Bitnami banner
Bitnami