全台活動/科技新聞
![[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 […]
前陣子撰風網域還有兩個月到期，要進行每年一次的網域續費給 GANDI，沒想到不管怎麼按繳費系統都一直失敗，搞得身心俱疲，客服信件又等了很久才收到回覆，雖然後來確實有協助修復，但當下還是決定找找其他網域商做比較，畢竟出問題沒有及時處理的話，網站可是會直接被迫關站的，不就還好我提前兩個月處理，中間的緩衝時間很充裕，不然後續要贖回網域花的費用會大幅暴漲。 只是不比不知道，一比嚇一跳！GANDI 的網域續 […]
![[PlayCanvas + VIVERSE] 一次性 NPC 對話框](https://img.jfsblog.com/2025/11/20251109212442_0_e7359a-370x250.jpg)
在現代遊戲開發中 NPC（非玩家角色）互動是提升遊戲沉浸感的重要元素之一。當玩家靠近 NPC 時，通常會觸發對話或任務提示，這種互動機制能讓遊戲世界更加生動。本文將介紹如何利用 HTML 和 VIVERSE EXTENSION 的 TriggerAndAction 功能，快速實現 NPC 對話面板效果，並提供完整操作流程與範例程式碼，讓開發者可以在 VIVERSE WORLD 中輕鬆製作類似功能。 […]
撰風要介紹一款非常好用的本地端系統－－MkDocs。身為一個筆記控，我個人習慣把資料寫成筆記，我用過許多筆記軟體，但總覺得使用起來不夠彈性，也無法自訂成自己喜歡的樣子，直到我發現 MkDocs，深得我心。 MkDocs 是以 Markdown 語法為基礎的靜態網站設計工具，通常用來撰寫文件、操作手冊、知識庫，然後再將結構化的資料轉成 HTML 靜態網站，完成後可以放在本地端自己查看，也可以上傳到網 […]
是的，我用 2 週使用 PlayCanvas 和 VIVERSE World 製作了一款線上密室逃脫小遊戲〈倒反的秩序：密室逃脫計畫〉，甚至還為這個遊戲使用 Github 建立了一個官網放置解答，大家有興趣可以去玩玩看。不過為什麼要製作這款小遊戲，這話就必須從 1.5 個月前講起，今天我就來分享我的心得！ 遊戲資訊 開始遊戲（請使用電腦） 遊戲方式：鍵盤 WASD 讓人物移動、滑鼠點擊物件、鍵盤輸 […]
說到物件辨識，YOLO（You Only Look Once）是一系列基於卷積神經網路的即時目標偵測系統，非常常見也易用，且至今不斷有新版本更新。這款工具可以透過事前將大量待測物進行框選訓練，得到一個專屬於自己需求的模型，此後就能用這個模型進行特地物件的即時偵測。 例如，這個影片是來自靜宜大學資工系專任教師劉志俊的教學影片，以YOLO進行惡性腫瘤的檢測示範；在農場中進行即時的雞隻健康預測，農畜使用 […]
撰風前陣子迷上了公視〈一字千金〉的節目，節目常有特定位置文字的成語腦力激盪，一時間迷上，我覺得是一個很好的防癡呆的訓練（哈），例如題目「請寫出第四個字是『花』的成語」、「請寫出第二個字是『口』的成語」，一時間聽到題目應該可以想出一兩個，但實際上還有很多成語被忽略了，因此我決定寫了這個查詢工具。 說到特定位置文字的成語查詢工具，其實大陸也有幾個網站有這樣的功能，不過對岸收錄的成語與中華民國教育部收錄 […]
![[Python] PySide6模板與入門學習！圖形化介面使用者友善，讓程式變得更貼心](https://img.jfsblog.com/2024/11/20241111213500_0_204ef7-370x250.jpg)
在寫Python時大部分人都習慣使用整合開發環境（IDE）與終端機直接做程式的編修，但當要把程式分享給其他人使用的時候，搭配一個設計界面會可以讓使用起來更加直覺，撰風個人通常會把程式寫完初版後，都會加上圖形介面（GUI），若要把檔案轉給不同單位的人的時候，可以再將程式轉成EXE檔案，這樣即使其他人沒有安裝我在Python中使用的模組，也能夠無痛且友善的使用我的程式，說到底就是貼心！ 說到Pytho […]
這次嘗試用Python寫一個PNG轉ICO的小工具，雖然是很基礎的應用，網路上也有很多線上轉檔工具，但有時真的很不想把照片上傳下載，也覺得很麻煩，如果可以在電腦中快速選取生成，那豈不美哉？.ico檔案可以做一些有趣的應用，像是網站小小的LOGO展示，也能應用在電腦的資料夾圖示呈現，自定義資料夾不僅有個人特色，有時也能幫助自己工作效率的提升，畢竟圖案的吸引力總比純文字在辨識上更快速！像我都會把程式專 […]
這次嘗試用Python寫一個簡易的批次修改圖片大小的工具，雖然是很基礎的應用，但還真的蠻實用的，畢竟寫部落格的照片實在不宜過大，不然會造成讀者載入文章的困擾，我通常習慣把照片調整程寬度1200px。 這次的思路一樣很簡單，如同上次寫的相片批次轉檔工具類似，使用os模組讀取指定的資料夾路徑，讀取裡面所有的照片格式的檔案（在此指定.jpg、.jpeg、.png、.bmp），將超過指定寬度的以上的圖檔加 […]
![[Python初學者] 安裝Python與Visual Studio Code步驟](https://img.jfsblog.com/2023/08/20230803011004_3-370x250.jpg)
如果你正在找一個適合初學者的 Python 編輯器，Visual Studio Code（簡稱 VS Code）是目前最受歡迎的免費整合開發環境（IDE）之一。它是由微軟開發的跨平台程式碼編輯器，啟動速度快、資源占用低，特別適合小型至中型專案開發。本文是撰風的 Python 學習筆記，記錄如何解除安裝 Spyder，並安裝 VS Code 及設定環境變數的完整過程。 我之前一直使用 Anacond […]
Python是一款自由度相當高且免費的程式語言，然而寫完Code後若要在其他未安裝Python的電腦執行時是一項麻煩，將Python轉成exe執行檔案就是一項解套方法。撰風此次利用PyInstaller這個Package來達成這項任務，以下是我的筆記，詳細資訊也能參考PyInstaller官方說明書。 第一步：安裝pyinstaller 撰風使用的是Python編譯器為Anaconda Spyde […]
身為一名網路圖文創作者，常常需要將其他照片格式轉為JPG並調整照片寬度，搜尋網路上免費的PNG2JPG Converter都有諸多限制，讓我苦惱許久。於是我決定寫一個相片批次轉檔工具，雖然我不是很精通程式語言，但逐步列出做法再針對性的搜尋語法，用Python搭配OpenCV寫一個簡單的批次相片轉檔工具也不是不可能。這個相片批次轉檔工具除了可以大量改變相片檔案類型外，也能夠等比例縮放圖片至想要的大小 […]
