Retina Macbook Pro 的 WebGL 性能問題

Question

我有一個正在開發的 WebGL 應用程序，我遇到了一些非常嚴重的 Retina Display Macbook Pro 性能問題。 我正在使用 Intel Iris Pro GPU 的 15 英寸 Macbook 進行測試，以全分辨率渲染，這為我提供了 3810x2030 的畫布分辨率和全屏 Chrome 窗口。 我的應用程序每幀渲染大約 100k 個頂點。

現在，當我將應用程序設置為以設備像素比為 1（意味着沒有視網膜縮放）運行時，應用程序的性能是可靠的，從未低於 60 fps，但圖像質量是不可接受的。 當我切換到視網膜的設備像素比為 2 時，圖像質量顯着提高，但我的幀率驟降至 20-30 fps 左右。

現在，我對 GPU 編程並不陌生，所以發生這種情況的原因對我來說是顯而易見的。 我想知道的是，有沒有人找到任何解決方法或方法來優化超高分辨率顯示器的 WebGL 繪圖，這些顯示器具有像 Retina Macbook Pro 這樣的壞 GPU？ 人們是否通過反復試驗找到了任何不明顯的提示或技巧來解決這個問題，或者至少讓它稍微好一點？

任何幫助，將不勝感激。 謝謝。

編輯：一個有趣的發現的小更新。 我將我的瀏覽器窗口放入連接到 Macbook 的外部顯示器中，當以 1 的 DPR 渲染時，外部顯示器的性能甚至比 macbook 上的性能更高，即使分辨率完全相同，並且圖像質量要好得多。

因此，即使您在 Macbook Pro 上渲染縮小的幀緩沖區，它仍然會放大，這可能是導致圖像質量不佳的原因（它使用雙線性過濾放大，使其比原始圖像更模糊）圖像顯示不受影響）。

Answer 1

只是想向所有關注此帖子的人提供更新。 通過簡單地設置畫布選項“antialias: false”，我能夠讓我的應用程序以高於 45 FPS 的速度運行。 這在高密度顯示器上帶來了巨大的性能提升，並且沒有必要，因為高密度顯示器提供了大量的內置抗鋸齒。 希望這可以幫助其他人在未來。

Answer 2

在 Mac OSx 上的 Chrome 中，有些東西不是硬件加速的。

看看這個網址：

chrome://gpu/

如果您發現某些被禁用的內容，您可以使用以下方法對其進行調整：

chrome://flags/

不利的一面是，如果您發現一些有用的東西，它就不能完全部署。 不過，它可能會讓您深入了解瓶頸所在。

（以下是可讓您進入 chrome 中隱藏和特殊位置的完整 url 列表： chrome://chrome-urls/ ）

Answer 3

我有同樣的問題。 有幫助的渲染器選項是renderer.setPixelRatio (1); Macbook Pro 的 Fps 從 40 到 60。 三 js R86