你如何轻轻地初始化WebGL上下文？

Question

我在Web应用程序中有一个WebGL上下文，只要它初始化它就可以看到~50000μs作为黑色方块，然后（HTML5 appcache）纹理变得可见并且背景变得透明。

使用Firefox，这是我的应用程序的唯一平台。

如何摆脱这种行为？如果不可能;我该如何解决这个问题？

Answer 1

您可以在显示之前使用CSS隐藏画布。加载纹理后，您就可以渲染了。

使用requestAnimFrame for循环，它会阻止重排或重绘，之后回调函数将返回执行游标。因此，当你准备好渲染时，开始循环，并在第一个回调显示css你的画布并渲染webgl的东西。一旦功能完成 - 它将在一次回流中显示画布和渲染，因此不应出现闪烁或黑框。