博客 - Volume Shader 基準測試

探索 WebGL 2.0 光線步進技術、體積渲染教程和 GPU 性能測試指南

教程 🚀 volumeshadertest

WebGL 2.0 光線步進渲染原理詳解

深入解析 WebGL 2.0 光線步進（Raymarching）技術，了解如何使用 SDF 符號距離場實現即時體積渲染，以及這種技術如何壓榨 GPU 的極限性能。

最新文章

Report 7月8日

MacBook WebGL GPU 測試結果

MacBook Air M1/M2 的瀏覽器 GPU 參考結果、測試條件、無風扇散熱說明與公平比較規則。

Report 7月8日

iPhone 瀏覽器 GPU 測試結果

iPhone Safari Light 模式參考資料、熱降頻說明，以及公平手機 GPU 測試流程。

指南 7月8日

瀏覽器 Benchmark 中的內顯與獨顯比較

如何判斷瀏覽器使用內顯還是獨顯，並用 Light / Heavy 模式參考結果做比較。

指南 7月8日

為什麼第一次分數較低：Shader 編譯說明

說明第一次瀏覽器 GPU 測試為何偏低、Shader 編譯如何影響 FPS，以及公開結果為何應使用預熱後數據。

Methodology 7月8日

Volume Shader BM 不測量什麼

清楚說明這個 Benchmark 為何不是遊戲 FPS、光追、VRAM 或 CPU 測試。

指南 6月24日

Volume Shader BM 是什麼？

用通俗語言解釋 Volume Shader BM Test 會測什麼、FPS 代表什麼，以及它能告訴你哪些 GPU 效能資訊。

指南 6月24日

Volume Shader Test FPS 結果指南

如何解讀你的測試結果：FPS 檔位、幀時間、穩定性，以及真正影響分數的因素。

指南 6月24日

Volume Shader Test 為什麼會卡頓？

整理 Volume Shader Test 跑得慢的五個常見原因，並說明如何逐一修復：內顯、硬體加速、過熱降頻等等。

指南 6月24日

手機線上 GPU 測試 — iPhone 與 Android

不用安裝 App，就能在手機上跑一次真正的 GPU Benchmark。包含 iOS 低耗電模式、Android 降頻，以及 FPS 預期的判斷建議。

指南 6月24日

瀏覽器中的 WebGL GPU 測試

在 Chrome、Edge、Firefox 或 Safari 中透過純 WebGL 2.0 測試 GPU。確認硬體加速是否啟用，並了解 WebGL 何時可能停止運作。

指南 6月24日

Volume Shader BM Test — 方法論

說明這個 Benchmark 的底層運作方式：測試模式、指標、準確性限制，以及這項測試不能代表什麼。