WebGL 中的全局光照即時路徑追蹤

背景

這篇文章介紹了一個基於 Three.js WebGL 框架開發的即時路徑追蹤（Path Tracing）渲染器。該專案實現了包含全域光照、漸進式渲染以及物理精確的反射與折射效果，並提供多種展示場景，證明了即使在行動裝置的瀏覽器上，也能以每秒 30 至 60 幀的流暢度運行複雜的光影運算。

社群觀點

Hacker News 的討論中，最顯著的共鳴來自於對技術演進的驚嘆。許多資深開發者回憶起 1990 年代初期使用 POV-Ray 等工具的經驗，當時渲染一張靜態圖片往往需要耗費整晚的運算時間，而如今同樣的場景，如經典的 Cornell Box 或 Kajiya 渲染方程中的玻璃球與焦散效果，竟然能在網頁瀏覽器中即時呈現，這種跨時代的對比令社群感到不可思議。不少使用者特別提到，這些 Demo 在性能較弱的舊款手機（Potato-phone）上依然能流暢運行，顯示出該渲染器在優化上的卓越表現。

在操作體驗方面，部分留言者提出了改進建議。目前的控制方式主要採用第一人稱視角（WASD 鍵與滑鼠平移），但有觀點認為，對於展示 3D 渲染效果而言，環繞軌道相機（Orbit Camera）會是更好的選擇。透過雙擊選定旋轉中心並配合距離比例縮放，能讓使用者更輕鬆地尋找最佳視覺角度，而非單純的平移與視角轉動。此外，也有人注意到該專案使用了較為罕見的 Q/Z 鍵作為垂直移動控制，這與常見的遊戲操作習慣有所不同。

技術層面的討論則聚焦於 WebGL 與新興技術 WebGPU 的對比。雖然該專案在 WebGL 上取得了驚人成就，但有專家指出 WebGL 在處理計算密集型任務時並非理想選擇。隨著 WebGPU 在各大主流平台的支援度日益普及，社群預期未來將能實現更複雜的全域光照演算法（如基於 Surfel 的 GI），這些在 WebGL 上幾乎不可能完成的任務，將引領網頁端邁向 AAA 等級的視覺體驗。同時，也有討論提到路徑追蹤與傳統光柵化技術結合的可能性，認為這可能是實現即時動態光影的另一條路徑。

最後，社群也分享了其他成熟的替代方案，例如 gkjohnson 開發的 GPU 路徑追蹤器，該工具同樣能渲染多數 Three.js 場景並已成為官方範例之一。整體而言，儘管路徑追蹤在過去被視為運算成本極高的技術，但隨著硬體加速與演算法優化，社群一致認為這項技術已不再遙不可及，並對網頁圖形學的未來充滿期待。

延伸閱讀

在討論串中，參與者分享了數個具備參考價值的相關專案與資源：

• three-gpu-pathtracer：由 gkjohnson 開發，是一個功能相當成熟且能渲染多數 Three.js 場景的路徑追蹤器。
• Moonlight：由 ivanjermakov 開發，是基於 WebGPU 實現的路徑追蹤渲染器。
• Surfel-based Global Illumination：Jure Triglav 撰寫關於在 WebGPU 上實現基於面元（Surfel）的全域光照技術文章。
• Thomas Porter (1984)：留言中提到的經典分散式路徑追蹤歷史文獻，對於理解該領域的發展脈絡極具價值。