您如何輕輕地使WebGL上下文平整化？

Question

我在Web應用程序中有一個WebGL上下文，每當它初始化時，在（HTML5 appcache）紋理變為可見且背景變為透明之前，它會以黑色正方形的形式顯示約50000µs。

這使用Firefox，這是我的應用程序的唯一平台。

我如何擺脫這種行為？ 如果不可能的話 我該如何解決？

Answer 1

您可以在顯示前使用CSS隱藏畫布。 加載紋理並准備渲染之后。

使用requestAnimFrame進行循環，它將在回調函數返回執行游標之前防止重排或重繪。 因此，當您准備渲染時，請開始此循環，並在CSS的第一個回調中顯示您的畫布並渲染webgl內容。 功能完成后-它將在一次重排中顯示畫布和渲染，因此不應出現閃爍或黑框。