javascript - preserveDrawingBuffer false - 值得付出努力吗？

Question

在上下文中使用 preserveDrawingBuffer 时，我们需要注意自行清除绘图缓冲区。我在我的应用中使用了这种技术。

我读过一些文章说 - 将此标志设置为 false 可以获得更好的性能。

在我的应用程序中，当设置为 false 时，在某些情况下我需要自己清除前台缓冲区，因为当没有绘图发生时我们仍然可以看到之前绘制的内容。

我的问题是，为了获得更好的性能，现在是否值得将我的应用颠倒过来并涵盖所有情况？真的有那么大的进步吗？

是否有任何演示显示当此标志为 true(并执行 gl.clear(..))与 false 时性能不同？

Answer 1

我知道这已经在其他地方得到了回答，但我找不到所以....

preserveDrawingBuffer: false

意味着 WebGL 可以交换缓冲区而不是复制缓冲区。

WebGL Canvas 有 2 个缓冲区。您正在绘制的那个和正在显示的那个。当需要绘制网页时，WebGL 有 2 个选项

1. 将绘图缓冲区复制到显示缓冲区。

   此操作显然较慢，因为复制数千或数百万像素不是免费操作

2. 交换两个缓冲区。

   这个操作实际上是即时的，因为除了交换之外什么都不需要发生2 个变量的内容。

WebGL 是否交换或复制取决于浏览器和各种其他设置，但如果 preserveDrawingBuffer 为 false WebGL 可以交换，如果它为 true它不能。

如果您想查看性能差异，我建议您在手机上试用您的应用。确保抗锯齿也已关闭，因为抗锯齿需要一个解析步骤，这是有效的复制操作。