博客 - Volume Shader 基準測試

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

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

教程 🚀 volumeshadertest

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

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

最新文章

Dead Pixel Check：如何檢查螢幕壞點與亮點

Dead Pixel Check：如何檢查螢幕壞點與亮點

用純色背景檢查螢幕，辨識持續存在的黑點與亮點，記錄問題，並了解螢幕像素檢查與瀏覽器 GPU 效能測試的差異。

MacBook WebGL GPU 測試結果

Reports 7月8日

MacBook WebGL GPU 測試結果

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

iPhone 瀏覽器 GPU 測試結果

Reports 7月8日

iPhone 瀏覽器 GPU 測試結果

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

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

指南 7月8日

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

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

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

指南 7月8日

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

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

Volume Shader BM 不測量什麼

Methodology 7月8日

Volume Shader BM 不測量什麼

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

Volume Shader BM 是什麼？含義與 FPS 解讀

指南 6月24日

Volume Shader BM 是什麼？含義與 FPS 解讀

Volume Shader BM 是瀏覽器 GPU 測試。了解 FPS 測量什麼、原始與目前引擎有何差異，並直接在此頁測試。

Volume Shader Test FPS 結果指南

指南 6月24日

Volume Shader Test FPS 結果指南

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

Volume Shader 很慢、黑畫面或卡住？8 個修復方法

指南 6月24日

Volume Shader 很慢、黑畫面或卡住？8 個修復方法

依序修復極低 FPS、黑畫面或 canvas 卡住、WebGL 2.0 缺失、硬體加速關閉、GPU 選錯、電池限制與過熱。

手機 GPU 測試：iPhone 與 Android 瀏覽器跑分

指南 6月24日

手機 GPU 測試：iPhone 與 Android 瀏覽器跑分

在 iPhone 或 Android 執行目前 WebGL 2.0 測試，統一模式、溫度與電源條件，並在本機儲存 FPS、幀時間與穩定性。

WebGL GPU 測試：檢查 WebGL 2.0 與硬體加速

指南 6月24日

WebGL GPU 測試：檢查 WebGL 2.0 與硬體加速

執行瀏覽器 GPU 跑分前，先檢查 WebGL 1.0 / 2.0 支援、GPU renderer 與硬體加速。