Lenslist x Lightship Template Challenge 獲獎作品深入介紹

用 AR 打造更美好的未來

Designium
The Designium Lab 科技實驗室
9 min readSep 27, 2022

--

緣起

Lightship 模板幫助開發人員以更少的程式碼快速輕鬆地開始使用 Lightship,在建構過程中可專心致力於發揮更多的創造力。因此,Niantic offical 與 Lenslist 合作舉辦了 Lenslist x Lightship 模板挑戰賽。在挑戰期間,超過 95 位開發人員投稿自己的創作參與競賽。獲獎者是根據作品的原創性、創新性、ARDK 功能的執行度、範例影片的吸引力和構建品質來決定。The Designium 非常榮幸能夠在本次挑戰賽中獲得三項大獎。

  • 「Magic Flashlight」贏得競賽首獎 🏆
  • 「VPS Geocaching」贏得最佳 Lightship VPS 應用獎 📍
  • 「AR Comic」贏得最佳 AR Fundamentals 應用獎 ✨

獲獎作品深入介紹

擴增實境 (Augmented Reality, AR) 是用手機來探索放置在現實世界中的虛擬物件,並與之互動的技術。常見應用包含提供情報資訊、擺放虛擬物件來裝飾環境、利用現實世界的地理空間資訊進行遊戲…等,為生活提供了各式各樣的娛樂與服務。AR 技術讓我們能盡情地在現實世界中構築成千上萬種想像。因此,要如何在充滿著無限可能的 AR 世界中完成創作?根據經驗可分為四個階段:

AR 專案開發四階段
  • 從想法出發

因為 AR 與現實世界密不可分,AR 專案的成效建立在現實世界與數位內容應用上的融合感,所以開啓一個 AR 專案時,一定要先有對於使用情境上的「想像 / IDEA」,之後才考慮需要用那些技術來達成。

  • 證實這個想法是有趣的

當 IDEA 成形後,會先搭配簡單的視覺效果,確認核心技術是否能被執行,然後藉由分享測試影片觀察大家的反應與回饋。如果這個 IDEA 能獲得大家的共鳴,才會開始正式製作。

  • 正式設計製作階段

進入正式製作後的全面考量包含:程式功能與架構、美術設計、視覺特效、3D模型與動畫、操作流程與介面設計、音效與配樂…等,並在製作過程中不斷地檢視、修正與測試所有環節的契合度。

  • 作品展示影片拍攝

當作品可以流暢地完整呈現時,拍攝一個清楚且具有說服力的展示影片是很重要的!影片內容除了從看到真人操作情境,到展現實際操作流程與畫面,更不能忽視觀看者觀看影片時要感到樂趣!

首獎作品《 Magic Flashlight 》

「Magic Flashlight」的創作概念源自於創造一個玩家可在 VPS 地理空間位置上找到隱藏的線索和訊息的體驗。於是,開發者 Alexson Chu 製作了具有隱藏圖像的世界,需要紫外線手電筒才能將線索曝光,就像用紫外線在犯罪現場揭示線索的方式一樣。

基於這個想法,一個充滿邪惡氛圍的場景被建造來實現這種互動模式。玩家需要拿起魔法手電筒,用手電筒才能找到隱藏的咒語。當所有符號都被找到時,場景中的鬼就會被趕走,這個地方將會復活!重新復甦後的場景會長出蘑菇與魔法手電筒互動,魔法手電筒可用來為蘑菇提供能量!

AR 前/後場景變化

在技​​術方面,遊戲開發使用 Lightship VPS 快速定位玩家所在位置來觸發互動體驗。而手電筒的指向參考功能則使用 AR Cursor Renderer 來進行。

遊戲完成並獲得大獎歸功於 Alexson 始終相信鬼魂存在的想法。雖然大多數人看不到它們,因為我們與鬼魂存在於不一樣的世界,但這個 AR 遊戲證明了「擁有能看到鬼的工具」的想法,對每個人來說都很酷。

最佳 Lightship VPS 應用獎《 VPS Geocaching

「VPS Geocaching」嘗試結合 AR 與地理藏寶遊戲 (Geocaching) 來模擬將寶物藏在現實世界中的視覺效果。在這個想法的實踐上,最困難的是將虛擬物件覆蓋在現實物件的表面,且兩者需無縫地融合在一起,看不出虛擬與現實的區別。所以,開發者 Mao Wu (Kuan Ying Wu) 擷取現實物件的深度資訊與 RGB 顏色資訊,創造出虛擬的地表隆起效果,並把寶物藏在隆起的地表之中。

遊戲根據 AR 技術上的特性設定了兩種使用模式,一種是在 VPS 錨點偵測後進行遊戲,另一種是在非使用 VPS 的環境中直接開啓遊戲。遊戲開始後,螢幕畫面正中央會有圓形的偵測區域,當玩家邊移動邊搜尋場域時,可透過偵測區域尋找現實中隆起的地面在哪裡。當隆起的地面出現在偵測範圍內時,趕快按下畫面上的挖掘按鈕,就可順利挖出躲在地面下的小動物 ! 除此之外,這個遊戲設計的遊玩難度頗高,因為隆起的地面不是固定在一處給玩家尋找,如同小動物躲在地面下移動一般,隆起的地面會在現實場域中任意移動,必須眼明手快才能順利完成任務找到 3 個隱藏的寶藏。

地面像素網格密度的呈現差異

所以,從技術面來看,遊戲同時使用了 Lightship ARDKLightship VPS 進行開發。花了很多時間調整地面像素化的網格密度與遊戲效能,來增進虛實融合的視覺效果呈現。最後,也在現實中測試隆起效果在各種場地上呈現的可能性,如:地面、牆面、柱面、不規則物件…等,找尋最適合的遊戲場地來進行作品影片拍攝。

最佳 AR Fundamentals 應用獎《 AR Comic 》

現代生活中,不管是照片或影片,上傳 SNS 社交平台前,常使用濾鏡或圖框來加以裝飾。「AR Comic」的創作緣由其實很簡單,要讓濾鏡圖框跳脫手機螢幕的限制,運用 AR 讓使用者直接擺放漫畫圖框的視覺效果在空間中,藉此發展出各式各樣在 3 度空間中使用 AR 圖框來創作的成果。

前期技術考量上,要實現這個想法不需要研發新技術。使用者操作步驟順序為「 APP 主介面」、「選擇漫畫圖框」、「空間中擺放單個至多個漫畫圖框」、「拍照或攝影」,需要注意的是漫畫圖框在空間中的擺放調整方式,及依深度判斷與人物、周遭環境間的遮擋剔除。

當使用者進入 APP 主介面後,可以看到畫面上的空間場域中有一個放置位置的指示游標,點選想要放置的漫畫圖框後,漫畫圖框預設會放置在游標標示的位置上。漫畫圖框放置後,仍可透過介面調整漫畫圖框的前後位置及尺寸大小,或是清除它。

在 3 度空間中 AR 圖框各式各樣擺放方式

這件 AR 作品花最多時間是在來回實際測試與作品展示影片拍攝上。濾鏡圖框 AR 空間化前所未聞,所以對於開發者 Mao Wu (Kuan Ying Wu) 來說這樣的使用經驗也是第一次。到底該如何使用 ? 怎麼使用才會玩出不一樣的空間呈現特色 ? 一次又一次的測試所得到的經驗成為下一版本的更新,在不同情境與不同 AR 圖框排列方式的嘗試下,拍攝無數次才編輯出精采的作品展示影片呈現。總結來說,「AR Comic」的體驗特色是用來記錄生活或與這些漫畫情境互動,利用真實世界來創作屬於你自己的連環漫畫。

結語

在 AR 專案的開發中,我們實實在在地感受到 AR 世界充滿了無限的可能性。AR 相關應用可以是有趣的娛樂或遊戲,也可以是生活輔助的實用工具。各種領域都可以應用 AR 或以 AR 來輔助工作事務的進行。如今最常見的包含: 運動賽事、博物館導覽與展示、音樂盛事、時尚活動、品牌行銷…等。大家可能也很想知道開發一個 AR APP 應該需要長時間來製作,如何趕得上活動進行? 一個 AR 專案需要的是「合理的製作期」,製作時間長短是依據內容的規模與複雜度而定。像本次以 R&D 為導向的 Template Challenge 從競賽發佈到截止,參賽者只有最多一個半月的時間來進行。而完成一個 AR 作品的成就在於它不僅僅是一個APP,它會改變我們對現實世界的認知,並可能長期改變我們的使用習慣和我們的生活方式。我們會持續探索 AR 世界,請敬請期待我們之後的開發成果。

編輯後記

很榮幸在這裡向大家介紹這次比賽的得獎作品,希望能讓人們深入了解如何從零到一構建有趣的 AR 專案,也更了解 The Designium 的專案內容及製作方式。 如果您有任何想法尋求合作諮詢,歡迎隨時與我們聯繫。😉

--

--

Designium
The Designium Lab 科技實驗室

Award-winning XR Studio specializes in developing VPS experiences. 日本東京科技x設計公司。 基於「讓人們感到開心」的理念,開發結合新科技的數位內容體驗。包含「結合地方文化」、「提供技術服務」、「協助有趣的創作」等。 如需合作相談,請隨時與我們聯繫。