performance - three.js：从 1024 像素开始在 iPad 上的性能下降

Question

我有一个使用three.jswith的网站CanvasRenderer。渲染器的大小取决于窗口大小。在 iPad 上，大小是1024 x 672像素。使用这种尺寸，我的性能非常差（~1 FPS）。如果我将宽度减小到1023像素，我会得到大约 60 FPS。

为什么在达到 1024 像素时性能会显着下降，有什么具体原因吗？我对 Firefox 中的此分辨率没有任何问题。

Answer 1

我听说某些浏览器中的 HTML5 画布元素在渲染一定数量的像素后会失去大量性能。这似乎是浏览器本身的缓存问题。虽然这个问题仍然没有答案。

为什么大于 65776 像素画布源的 drawImage 性能差异很大

以较低的分辨率渲染画布并使用 CSS 将其放大到全高清。