Kippy 的逸出

Kippy 的逸出主圖影像

機器人喚醒的 Kippy,以發現自己在島上發覺。 您可以放在解決問題的帽上,以協助它找到其火箭發射的路徑! HoloLens 2並下載 Microsoft Store中的應用程式,或從 GitHub 複製存放庫,並取得 Kippy 首頁安全!

重要

如果您要建置 Kippy 從 GitHub 存放庫逸出 Kippy,請務必使用 Unreal Engine 4.25 或更新版本

Kippy 的 Escape 是使用 Unreal Engine 4 和Mixed Reality UX Tools for Unreal建置的開放原始碼HoloLens 2範例應用程式。 在此文章中,我們將逐步引導您完成從第一個原則和視覺設計到實作和優化體驗的程式。 您可以在Unreal 開發概觀中找到使用 MRTK UX 工具開發Mixed Reality應用程式的詳細資訊。

在 HoloLens 2 中從 Microsoft Store 下載應用程式

如果您有HoloLens 2裝置,您可以直接在裝置中下載並安裝應用程式。

英文徽章

第一個原則

在設定為建立 Kippy 的 Escape 時,我們的目標是建立一個體驗,以強調Unreal Engine 的HoloLens 2支援、HoloLens 2的功能,以及Mixed Reality工具組。 我們想要啟發開發人員想像他們可以使用 Unreal 和HoloLens 2所建立的內容。

我們針對體驗提供三個指導準則:它必須有趣、互動,而且進入障礙較低。 我們想要讓體驗更直覺,即使第一次混合實境使用者不需要進行教學課程。

設計遊戲

HoloLens 2目前在遊戲中找不到其他位置的設計功能。 您可以使用手部直接推送或操作物件,或以眼球追蹤為目標。 這些主要功能位於我們在 Kippy 的 Escape 中建置的一些有趣時刻後方。

使用獨特的HoloLens 2功能作為遊戲設計的指引,我們限定了幾個小型環境案例。 島很合理,因為它們可以針對不同的球員高度進行調整,並提供一些有趣的橋接器想法。 我們登陸了科學節的主題,其概念是有人建置了機器,而非利用每個島所提供的奇怪能源。 群島各有自己的外觀和風格,可協助建立視覺興趣的詳細資料。 模型化和紋理之間的良好平衡,可讓繪製呼叫保持低轉譯效能,因此設計了以該方式設計的手寫外觀。

早期遊戲設計草圖針對體驗可能看起來像的一些早期草圖

第二個島轉譯的第二個島轉

為了在簡短的生產排程內保留,我們同意浮動字元可以擷取意圖和表情,而不需要嚴格的動畫週期。 因此,Kippy 已經生了! 它會透過眼睛和最低限度的語調音效來模擬幾個不同的運算式,以協助引導玩家在整個體驗中。

透過其眼睛顯示不同運算式的 Kippy

透過其眼睛顯示不同運算式的 Kippy

如果使用者花費太長的時間來解決問題,Kippy 會為使用者提供提示

如果使用者花費太長的時間來解決問題,Kippy 會為使用者提供提示

除了字元和環境設計之外,我們也致力於讓遊戲感覺有趣。 眼球追蹤可讓我們引發材質和音效屬性,以醒目提示遊戲的重要片段。 空間音訊有助於讓關卡在玩家周圍感覺住家。 能夠擷取物件、按鈕及操作滑杆,可推動創新的玩家參與。 請務必確定這些連接點感覺自然。

當使用者的手接近橋接器纜線時,橋接器纜線的結尾會光暈

當使用者的手接近橋接器纜線時,橋接器纜線的結尾會光暈

建置遊戲機制

Kippy 的 Escape 高度依賴 Mixed Reality UX 工具元件,讓遊戲成為互動式遊戲,也就是手部互動動作專案、界限控制項、操作工具、滑杆和按鈕。

手部互動動作專案可同時啟用全像投影的直接和遠距操作。 在 Kippy 的 Escape 開始時,使用者有機會設定遊戲的位置。 從使用者手掌延伸的手部放射,可讓您輕鬆地操作遠距離的大型全像投影,如下面的 gif 所示。

手部互動動作專案 gif

您可以使用 UX 工具的 界限控制項 元件來拖曳和旋轉預留位置場景本身。

在第二個島上,使用者必須挑選 Gem,並將它們放在其相符的位置。 Gem 已附加 操作工具 ,可讓使用者挑選並將它們放下。

操作工具範例 gif

可按下的按鈕是用來啟動第三個島上使用之擷取的按鍵。

可按下按鈕範例 gif

滑杆元件會出現在第四個島,觸發要引發的最後一個橋接器。

滑杆元件範例 gif

優化HoloLens 2

有了任何在行動裝置上執行的經驗,請留意效能非常重要。 Unreal 4.25 包含支援行動多重檢視的主要更新,可大幅減少轉譯額外負荷並提升畫面播放速率。 建議您在優化時查看其他建議的效能設定,以使用 Unreal 進行HoloLens 2開發。

物理物件對於效能仍然昂貴,因此使用了一些聰明的因應措施。 例如,第三個「橋接器」需要啟動一些阻礙梯形的清理。 除了強制影響岩石做為物理物件,而是發射引動觸發交換,切換靜態岩石以取得分解的物件效果。

HoloLens 2 gif 的優化範例

我們也會將繪製呼叫從 400 到 ~260 剪下,方法是:

  • 減少網格複雜度
  • 結合網格
  • 移除我們的一些初始動態光源元素

雖然我們可以完成更多工作,但我們發現效能與視覺品質之間有良好的平衡。

試試看!

啟動您的HoloLens 2並從 Microsoft Store下載應用程式,或從 GitHub 複製存放,並自行建置應用程式!

關於小組

Jack Caron 的圖片 Jack Caron
潛在客戶遊戲設計工具
Jack 目前適用于 Microsoft 的Mixed Reality體驗,包括HoloLens 2專案,而且先前是 HoloLens 平臺小組的設計工具。
西的圖片 西
產生器 (producer)
在混合實境開發人員平臺上工作,並引導小組的 Unreal Engine 相關工作。

特別感謝 Framestore 的朋友,協助我們讓 Kippy 的逸出生活。 從字元開發到資產設計,到遊戲程式設計,其對此專案的共同作業至關重要。