在開始打造你的 VIVERSE 元宇宙世界之前,除了擁有帳號與專案,還必須安裝 VIVERSE 專用 PlayCanvas 擴充功能,它能連接 PlayCanvas 編輯器與 VIVERSE 平台之間的橋樑,讓你能在開發過程中即時設定 VIVERSE 場景、進行預覽,並最終順利發佈你的創作。
VIVERSE Extension 需要搭配 Chrome 或 Edege 使用,該擴充功能可以將 PlayCanvas 的專案上傳到 VIVERSE WORLD,此外也有寫好的一些實用功能,例如 Trigger 功能,只需要拖曳點選就可以免去複雜的程式撰寫,達到滑鼠或虛擬人物觸發的效果。
瀏覽器
VIVERSE Extension 需要搭配 Chrome 或 Edege 使用,因此必須確保開發的瀏覽器是使用這兩個其中一個。
獲取擴充功能與版本檢查
在開始安裝前,請先前往 VIVERSE 的官方開發文件進行下載。
解壓縮與存放路徑建議
下載完成後會得到一個 .zip 壓縮檔。請將其解壓縮至一個固定且安全的資料夾(例如:D:\Dev\PlayCanvas_Tools\)。
特別注意:由於我們待會要使用 Chrome 的「開發者模式」載入,如果你在安裝後移動或刪除了這個資料夾,擴充功能將會失效,屆時你必須重新執行載入流程。
在 Chrome 中手動載入插件
由於這款擴充功能是專為開發者設計的工具,並未上架至 Chrome 線上應用程式商店,因此我們需要透過以下手動方式安裝:
- 開啟擴充功能管理面: 在 Chrome 網址列輸入
chrome://extensions/,或點擊瀏覽器右上角的「拼圖」圖示並選擇「管理擴充功能」。 - 啟動開發者模式: 在頁面的右上方,你會看到 「開發者模式 (Developer mode)」 的開關。請果斷地將它開啟,這時頁面會出現幾個隱藏的功能選單。
- 載入解壓縮內容: 點擊左上角的 「載入解壓縮內容 (Load unpacked)」 按鈕。在彈出的視窗中,找到你剛剛解壓縮的資料夾並點選「選擇資料夾」。
確認設定與啟用
- 如果一切順利,你現在應該能在清單中看到 PlayCanvas Extension 的卡片了。
- 請確認卡片右下角的開關已處於開啟狀態。現在,重新整理 PlayCanvas 的專案 Editor 時,你會發現工具列中多了一些 VIVERSE 專屬的功能圖示,這代表你已經準備好大展身手了!


![[PlayCanvas + VIVERSE] 一次性 NPC 對話框 [PlayCanvas + VIVERSE] 一次性 NPC 對話框](https://i2.wp.com/img.jfsblog.com/2025/11/20251109212442_0_e7359a.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233)

![[PlayCanvas + VIVERSE] 滿版畫面設計 [PlayCanvas + VIVERSE] 滿版畫面設計](https://i0.wp.com/img.jfsblog.com/2026/01/20260111173300_0_7739d6.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233)




![[PlayCanvas 筆記 02] Claude MCP Server 設定教學 [PlayCanvas 筆記 02] Claude MCP Server 設定教學](https://i0.wp.com/img.jfsblog.com/2025/11/20251206160632_0_7ed12c.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233)
![[PlayCanvas 筆記 01] 前置作業-環境與帳號 [PlayCanvas 筆記 01] 前置作業-環境與帳號](https://i0.wp.com/img.jfsblog.com/2026/01/20260112000122_0_4eee0a.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233)