網路資源
map3d：把真實城市地圖快速轉成可輸出的 3D 場景
map3d 是一個開源 3D 城市地圖工具，可將 OpenStreetMap 資料轉換為 Three.js 可用的 3D 建築與道路場景，支援 GLB 匯出，適合數位孿生、WebGL 視覺化與互動式地圖應用。
網路資源
網路資源
Radiant：零依賴即可嵌入的網頁 Shader 與動態視覺效果庫
Radiant 是一個零依賴的開源 shader 視覺效果庫，提供可直接嵌入網站的動態背景與互動動畫，支援粒子、幾何與雜訊效果，讓前端開發者快速打造高質感網頁視覺並可進一步客製化調整。
網路資源
Cobe：輕量又漂亮的 3D 地球儀套件，替網站快速加入互動式 Globe 視覺
Cobe 是一個超輕量的 WebGL 地球儀函式庫，主打 5KB 體積與零相依，讓開發者能快速在網站加入 3D globe 視覺效果。本文介紹 Cobe 的核心功能、使用方式與應用場景，帶你快速打造高質感的全球視覺介面。
網路資源
SuperSplat：3D Gaussian Splat 編輯器
SuperSplat 是瀏覽器中的 3D Gaussian Splat 編輯器，支援點雲渲染、WebGL/WebGPU 運行，適合開發者與設計師處理高斯散點視覺專案。
網路資源
Babylon.js：3D 網頁應用的強大開源引擎
Babylon.js 是一個開源的 3D 網頁渲染引擎，專為創建高效能的互動式 3D 應用而設計。它支援現代網頁標準如 WebGL、WebGPU，並提供直覺的 API，方便開發者快速構建遊戲、虛擬現實（VR）和擴增實境（AR）應用。無論是簡單的 3D 模型顯示，還是複雜的圖形效果，Babylon.js 都能輕鬆勝任。此外，它有豐富的社群資源與範例，對新手和專家都相當友好。
網路資源
Unicorn Studio：好用的 WebGL 互動效果設計工具
Unicorn Studio是一款專注於WebGL設計的創新工具，旨在為設計師和開發者提供一個直觀、功能強大的平台，讓他們能夠替圖片或影片引人入勝的3D視覺效果和互動體驗。這個工具的核心優勢在於它結合了易用性與專業性，不僅適合有經驗的開發者，也為初學者提供了門檻較低的學習路徑。
教學與資訊
什麼是 WebGL？
WebGL（Web Graphics Library）是一個用於在網頁瀏覽器上進行3D圖形渲染的JavaScript API。它允許開發者使用JavaScript語言和OpenGL ES（OpenGL for Embedded Systems）的API，創建互動式的、高性能的3D圖形應用程式，並在瀏覽器中運行而無需額外的插件。
網路資源
PixiJS：高效能 2D WebGL 渲染引擎，打造流暢互動與遊戲體驗
PixiJS 是一個高效能 2D 渲染引擎，基於 WebGL 打造流暢動畫與互動效果，適用於遊戲、資料視覺化與動態網站，讓前端輕鬆實現接近原生的視覺體驗。