[PlayCanvas 筆記 01] 前置作業-環境與帳號

VIVERSE World 是一個由 HTC 打造,開放且跨平台的元宇宙生態系統。它最大的特點是允許使用者直接透過瀏覽器、行動裝置或 VR 設備無縫進入虛擬空間。對開發者而言,這是一個結合社交、創意展示與 3D 沉浸式體驗的舞台。如果你使用 VIVERSE World 內建的 3D 房間展示,你可以想像成是一個 3D 版的開心水族箱,可以自由的在裡面加上 3D 物件、多媒體和超連結等,但使用情境受限於展示,如果你要製作成遊戲,必須使用遊戲開發軟體。

當初因為公司推廣需求而接觸這個平台,也參與過幾次官方舉辦的「VIVERSE Create Hackathon」競賽。既然都花時間鑽研了,決定把這些實戰心得整理成筆記,讓未來其他開發者參考。

本課程的核心目標

VIVERSE 支援多種開發方式,但為了追求高度客製化與效能平衡,本系列筆記將專注於使用 PlayCanvas 引擎來創建 VIVERSE World。

根據我參加過幾次 HTC Create Hackathon 的觀察,公司當初希望推廣使用 PlayCanvas 製作自己的 3D 遊戲,初衷是希望降低初學者門檻,透過 VIVERSE EXTENSION 的工具來減少程式碼的撰寫,也能讓大眾不需高配備電腦也能透過瀏覽器製作 3D 空間。然而在實際競賽中,若想追求更精良的作品,多數團隊最終仍會選擇 Unity,而且程式碼依然是不可避免的,幸好現在有 AI 平台可以諮詢。

  • PlayCanvas:硬體需求低,但對於習慣傳統遊戲引擎的人來說,學習曲線依然存在,且受限於瀏覽器效能,難以做出極致精美的效果。
  • Unity:雖然作品精良,但學習門檻更高。且如果開發者具備 Unity 能力,除非是因為要在競賽中得獎,不然往往會傾向直接上架 Steam 或個人網站,而非受限於平台框架。

這是一個平台開發者需要攻克的課題,對我們開發者來說,選擇 PlayCanvas 是目前在 Web 元宇宙中取得平衡的一個有趣嘗試。筆者本身就是沒有這方面經驗的人,所以當初就決定嘗試公司的初衷,使用 PlayCanvas 來製作遊戲,但顯然是無法與使用 Unity 且有開發經驗的人匹敵的,至此可以很明確的說,目前的狀況與 HTC 的初衷是相悖的,以製作複雜的遊戲來說,PlayCanvas 不是一個開發 Viverse World 很好的選擇,如果是想做出輕量化的展示空間,PlayCanvas 仍有其發揮空間。

VIVERSE World 需要攻克的課題太多了

雖然是自己公司開發的一個平台,但我真的要很老實的說,這個平台目前真的不是很好用。這款平台有幾個很大的缺點。

載入效能與資源消耗過高:這是目前推廣最致命的傷。我開發了一個簡單的遊戲場景請朋友測試,毫無誇張的說,至今沒人能順利開啟,啟用頁面時,電腦風扇也會狂轉,推測資源消耗極其驚人。

  • 使用者端: 在行動優先的時代,若連性能良好的電競筆電開啟測試網頁都要等上一分鐘,更遑論是一般手機用戶。
  • 開發者端: 缺乏本地端測試機制是一大痛點。每次細微的修改都必須上傳雲端並經歷漫長的載入等待,這種反覆的消磨非常打擊開發者的熱情。

優質內容的匱乏與生態困境:雖然公司積極舉辦 Create Hackathon 並與學校合作,試圖快速充實平台內容,但卻陷入了品質不一的循環。

  • 內容品質: 許多作品是為了交差而生,或是像我這樣非專業背景的開發者,利用極其有限的業餘時間趕工。雖然我們付出了極大的努力,但產出的成品(老實說,就是一些 Garbage 內容)很難真正吸引並留住使用者。
  • 解決之道: 與其依賴素人創作者從零摸索,平台更應考慮直接引入已成功的現成遊戲或內容(IP 合作),讓成熟的作品能在平台上運行,先建立起「這裡很好玩」的形象,才能帶動後續的創作生態。

總的來說,我只是一名基層員工,嘗試以新手開發者的角度協助測試與學習。我想公司應該有自己的考量,不在其位,難以揣測,就點到為止。

帳號申請與設定

在開發之前,你需要先準備好你的 VIVERSE 身份。

建立帳號

  1. 造訪 viverse.com,點擊右上角「登入」。
  2. 點擊下方「建立新帳號」,可使用 GoogleSteam 或電子郵件註冊。
  3. 完成信箱驗證即可開啟權限。

虛擬化身設定

這是你在元宇宙中的數位代表,系統支援最多儲存 15 個 化身。

  • 風格化頭像: 官方最新款,支援更換服裝配件。
  • 寫實化身: 透過掃描照片生成(長得像不像見仁見智)。
  • Retro Avatars: 獨特的復古卡通風格。
  • VRM 匯入: 如果你有自製的 .vrm 模型,這是最推薦的選項,能保有最高原創度。

名稱與 ID

  • 顯示名稱 (Display Name): 漂浮在頭像上的名字,可隨時更改,不需要唯一。
  • 使用者 ID (User ID): 這是你的個人檔案網址的一部分,設定後無法更改或刪除,建議想好再填。

個人檔案優化

你可以自訂對外展示頁面(就像元宇宙的個人簡介):

  • 標頭圖片: 設定專屬的 Banner。
  • 自我介紹: 介紹你的開發作品或背景。
  • 社群連結: 可串接 X、Discord、Instagram 等,方便圈內交流。

關於其他功能

諸如使用 Unity 開發、購買虛擬資產、商務合作等進階功能,請直接參閱 VIVERSE 官方文件

申請 PlayCanvas 帳號

PlayCanvas 是 VIVERSE World 前端實作所採用的開源網頁遊戲引擎。創作者透過 PlayCanvas Editor 進行開發,能無縫將功能完整的 3D 世界發佈至 VIVERSE 平台。其中 PlayCanvas 有免費板與付費版。

帳號版本說明

  • 免費版: 適合初學者,具備完整開發功能。空間限制 1 GB,單一 VIVERSE World 專案上傳上限也是 1 GB。
  • 付費版: 提供更大的儲存空間(Assets 較多時必要)以及私人專案權限。

帳號註冊

為了確保未來 VIVERSE 平台的整合與權限順暢,請務必遵循以下設定:

  1. 開始註冊:前往 PlayCanvas.com 並點擊右上角的 Sign Up
  2. 填寫表單:輸入使用者名稱、密碼及上述指定的 Email,完成驗證後即可登入。

建立專案

  1. 進入儀表板: 登入後的首頁即為你的專案列表。
  2. 點擊「New」:點擊畫面上的 New 按鈕來建立新專案。
  3. 選擇範本:你可以從 Blank Project(空白專案)開始,或根據 VIVERSE 官方建議的開發範本進行選取。
  4. 命名專案:為你的世界取個名字,點擊 Create 即可進入編輯器介面。

相關資源

相關文章

PlayCanvas & Viverse World
類型文章
相關文件Viverse DocsPlayCanvas Docs
基礎操作Viverse World.Claude Playcanvas Editor MCP Server.Viverse PlayCanvas Extension (安裝.觸發.媒體.撿拾.坐下)
開發者工具登入與身分驗證.排行榜
開發筆記滿版畫面.場景切換.密碼面板.模組化迷宮.科技感效果.對話框.碰撞計分.碰撞計分+遊戲重生.子彈閃避
PlayCanvas & Viverse World 我的開發筆記
教學文章VIVERSE WORLDPlayCanvas PROJECT
滿版畫面演示效果專案連結
場景切換演示效果專案連結
密碼面板演示效果專案連結
模組化迷宮演示效果專案連結
科技感材質效果演示效果專案連結
對話框演示效果專案連結
碰撞計分演示效果專案連結
碰撞計分+遊戲重生演示效果專案連結
碰撞計分+遊戲重生應用--子彈閃避演示效果專案連結
一次性對話框演示效果專案連結
0