AR 預訂體驗

以「選擇自己的冒險」風格

by 施文丘

身臨其境的互動式講故事體驗

這個專案是製作一本AR書,讓讀者沉浸在故事中,讓他們在故事中扮演積極的角色——故事根據讀者的選擇進行。 這也是一個嘗試融合數位世界和物理世界的交互的專案。

專案理念

這個專案將創造一個講故事的過程,將閱讀一本書和把它變成現實結合起來。我們選擇做一本選擇你自己的冒險風格的書,因為許多其他書籍正在被翻譯成 AR 進行學習和娛樂,但是選擇故事如何發展的能力,就像選擇你自己的冒險類型一樣,還有待完成。目標是通過使這本書栩栩如生並展示讀者所做選擇的動畫來吸引年輕讀者(6 至 14 歲 - 待定)的注意力。我們將根據一首古老的經典詩歌——《貓頭鷹和貓》製作一個原創故事。我們將對這首詩進行分支以創建一些選擇,但目標是讓讀者完成這首詩的結尾。這將是一個概念證明,然後我們可以將其帶到出版商那裡,也許是為了獲得資金,以重新啟動帶有視覺表現的“選擇你自己的冒險系列”,並採用我們的應用程式。

Github 倉庫:
github.com/jpverhaeghe/AR_ChooseAdvBook

使用者旅程

原型故事情節

我們的故事大致基於愛德華·李爾的經典短詩《貓頭鷹和貓》,利用關鍵時刻推進冒險。

創建過程

我在專案中的主要職責是處理列印材料的UX UI和圖形設計,我還從事AR系統和交互工作,以同時獲得多個圖像跟蹤,以及增強世界中的碰撞檢測系統,以及為選項卡創建3D模型。

AR交互

AR圖像跟蹤
一種系統,用於識別頁面上的圖像(QR碼或預先確定的繪圖),並向使用者展示AR場景,並帶有該頁面故事的動畫

碰撞檢測
用戶將能夠通過行動頁面上的選項卡來做出選擇,系統將檢測AR世界中的碰撞以識別他們的選擇,以顯示相應的動畫並告訴他們下一步要移動到哪個頁面。

UX UI設計

體驗開始時的遊戲說明,帶有彈出式UI以引導讀者完成整個體驗。

為了增強整體體驗,場景中還添加了不同的背景音樂,使體驗更加身臨其境。

平面設計

書頁的圖形設計,帶有與頁面很好地融合的頁面二維碼。選項卡也是鐳射切割的,讀者更容易在書上移動,並使體驗更像遊戲。

反射

我們成功地創建了一個 選擇你自己的冒險風格的AR系統,讓讀者做出選擇,並告訴他們要翻到哪一頁,以獲得不同的故事情節。此外,我們還實施了一個系統來跟蹤物理世界的交互,並在數位世界中提供反饋。

該過程中最具挑戰性的部分是處理交互,因為我們特別關注如何融合物理世界和數位世界。我們嘗試過不同類型的體驗,但並非每次互動都能很好地進行。例如,我們還不能使用在現實世界中交互的手來實現將物件虛擬頁面移動到玩家軌道 。對於我們現有的系統:當讀者在現實世界中移動「選項卡」時,碰撞檢測系統會檢測AR世界中的碰撞。它有時效果不是很好,移動選項卡時可能會丟失跟蹤,這會影響AR世界中碰撞的檢測。照明和平面也會影響圖像跟蹤和碰撞檢測的準確性。

為了進一步發展,可以嘗試更多不同類型的交互,不斷嘗試物理世界和數位世界之間的交互,模糊兩者的界限,使AR體驗和交互更加有趣。 

專案提供者

邱思文 | 吉姆·維爾哈格 | 菲力浦金舒克 (2023)