全台活動/科技新聞
![[PlayCanvas 筆記 06] VIVERSE Extension 使用方法－觸發效果 (Trigger & Actions)](https://img.jfsblog.com/2026/01/20260112232515_0_67f013-370x250.jpg)
在 VIVERSE 中，要讓世界「動起來」不需要寫複雜的程式碼，主要是透過 Trigger（觸發器） 監聽事件，並連結 Action（動作） 執行結果。這一切都在 VIVERSE Extension 的 TriggerAndAction 插件中完成。 核心五元素 我們可以將每個互動寫成概括的公式 如果 主體 執行動作 造成 觸發器 生效，那麼就讓 受體 進行 指定行為 實戰操作：超商感應門範例 用 […]
![[PlayCanvas 筆記 05] VIVERSE Extension 使用方法－任務系統 (Quests)](https://img.jfsblog.com/2026/01/20260112232359_0_592e82-370x250.jpg)
這篇文章將介紹如何利用 VIVERSE 擴充功能在 PlayCanvas 專案中建立一套互動式任務系統（Quest System）。透過任務導向的設計，能顯著提升元宇宙空間的趣味性與引導性。 任務系統允許開發者定義一系列目標，讓使用者在探索世界時進行互動。你可以設定簡單的「點擊物件」任務，或是需要收集多個目標的「進度條」任務。 ⚠️ 提醒：目前任務系統無法在 PlayCanvas 預覽模式（Pre […]
![[PlayCanvas 筆記 04] VIVERSE Extension 使用方法－發布專案 (Publish)](https://img.jfsblog.com/2026/01/20260112232253_0_0b5cd1-370x250.jpg)
當你在 PlayCanvas 中完成了場景配置與腳本編寫後，最後一步也是最重要的一步，就是將它發佈到 VIVERSE 平台。本章節將詳細說明如何優化效能指標以及完整的發佈流程。 效能基準 在點擊發佈按鈕前，開發者必須關注 VRAM（顯示記憶體）的使用量。VIVERSE 系統會根據 VRAM 佔用空間自動對世界進行分級，這直接決定了你的作品能在哪些裝置上順暢執行。 邊界等級 (Boundary Le […]
![[PlayCanvas 筆記 03] 如何為瀏覽器安裝 VIVERSE Extension 外掛](https://img.jfsblog.com/2026/01/20260112005243_0_efac5b-370x250.jpg)
在開始打造你的 VIVERSE 元宇宙世界之前，除了擁有帳號與專案，還必須安裝 VIVERSE 專用 PlayCanvas 擴充功能，它能連接 PlayCanvas 編輯器與 VIVERSE 平台之間的橋樑，讓你能在開發過程中即時設定 VIVERSE 場景、進行預覽，並最終順利發佈你的創作。 VIVERSE Extension 需要搭配 Chrome 或 Edege 使用，該擴充功能可以將 Pla […]
![[PlayCanvas 筆記 02] Claude MCP Server 設定教學](https://img.jfsblog.com/2025/11/20251206160632_0_7ed12c-370x250.jpg)
想要讓 AI 幫你在 PlayCanvas 上自動生成場景或建立物件嗎？透過 Claude Desktop 搭配 PlayCanvas Editor MCP Server，你就能以自然語言的方式操作 PlayCanvas 編輯器，快速完成遊戲開發中的重複性工作。本篇教學將帶你從環境安裝、設定到成功連線，一步步完成整個流程，讓你親身體驗 AI 輔助的 3D 遊戲開發。 這篇教學適合初學者，只需具備基 […]
![[PlayCanvas 筆記 01] 前置作業－環境與帳號](https://img.jfsblog.com/2026/01/20260112000122_0_4eee0a-370x250.jpg)
VIVERSE World 是一個由 HTC 打造，開放且跨平台的元宇宙生態系統。它最大的特點是允許使用者直接透過瀏覽器、行動裝置或 VR 設備無縫進入虛擬空間。對開發者而言，這是一個結合社交、創意展示與 3D 沉浸式體驗的舞台。如果你使用 VIVERSE World 內建的 3D 房間展示，你可以想像成是一個 3D 版的開心水族箱，可以自由的在裡面加上 3D 物件、多媒體和超連結等，但使用情境受 […]
VIVERSE World 是一個由 HTC 打造，開放且跨平台的元宇宙生態系統。它最大的特點是允許使用者直接透過瀏覽器、行動裝置或 VR 設備無縫進入虛擬空間。對開發者而言，這是一個結合社交、創意展示與 3D 沉浸式體驗的舞台。如果你使用 VIVERSE World 內建的 3D 房間展示，你可以想像成是一個 3D 版的開心水族箱，可以自由的在裡面加上 3D 物件、多媒體和超連結等，但使用情境受 […]
![[PlayCanvas] 滿版畫面設計 (VIVERSE World)](https://img.jfsblog.com/2026/01/20260111173300_0_7739d6-370x250.jpg)
本文介紹如何透過 PlayCanvas 設計可以在 VIVERSE World 中以滿版畫面顯示的方法。在 VIVERSE World 裡，你也許希望玩家在進入世界之前，先看到一個漂亮的開場畫面──可能是品牌 Logo、遊戲名稱，或是一個「點擊開始」的提示。這樣的設計不僅能提升沉浸感，也能讓整個體驗更有專業感。 一般來說，我們可能會採用 PlayCanvas 內建的 2D Screen + Ima […]
![[PlayCanvas + VIVERSE] 一次性 NPC 對話框](https://img.jfsblog.com/2025/11/20251109212442_0_e7359a-370x250.jpg)
在現代遊戲開發中 NPC（非玩家角色）互動是提升遊戲沉浸感的重要元素之一。當玩家靠近 NPC 時，通常會觸發對話或任務提示，這種互動機制能讓遊戲世界更加生動。本文將介紹如何利用 HTML 和 VIVERSE EXTENSION 的 TriggerAndAction 功能，快速實現 NPC 對話面板效果，並提供完整操作流程與範例程式碼，讓開發者可以在 VIVERSE WORLD 中輕鬆製作類似功能。 […]
是的，我用 2 週使用 PlayCanvas 和 VIVERSE World 製作了一款線上密室逃脫小遊戲〈倒反的秩序：密室逃脫計畫〉，甚至還為這個遊戲使用 Github 建立了一個官網放置解答，大家有興趣可以去玩玩看。不過為什麼要製作這款小遊戲，這話就必須從 1.5 個月前講起，今天我就來分享我的心得！ 遊戲資訊 開始遊戲（請使用電腦） 遊戲方式：鍵盤 WASD 讓人物移動、滑鼠點擊物件、鍵盤輸 […]
