Javascript 如何轻轻初始化WebGL上下文?

Javascript 如何轻轻初始化WebGL上下文?,javascript,webgl,user-experience,Javascript,Webgl,User Experience,我在web应用程序中有一个WebGL上下文,每当它初始化时,在(HTML5 appcache)纹理变为可见且背景变为透明之前,它作为黑色正方形可见约50000µs 这是使用Firefox实现的,Firefox是我应用程序的唯一平台 我如何摆脱这种行为?如果不可能;如何解决此问题?在显示画布之前,可以使用CSS隐藏画布。加载纹理并准备好渲染后 用于循环,在回调函数返回执行游标之前,它将防止回流或重画。所以,当您准备好渲染时,开始这个循环,并在css的第一个回调中显示您的画布和渲染webgl内容。一

我在web应用程序中有一个WebGL上下文,每当它初始化时,在(HTML5 appcache)纹理变为可见且背景变为透明之前,它作为黑色正方形可见约50000µs

这是使用Firefox实现的,Firefox是我应用程序的唯一平台


我如何摆脱这种行为?如果不可能;如何解决此问题?

在显示画布之前,可以使用CSS隐藏画布。加载纹理并准备好渲染后

用于循环,在回调函数返回执行游标之前,它将防止回流或重画。所以,当您准备好渲染时,开始这个循环,并在css的第一个回调中显示您的画布和渲染webgl内容。一旦功能完成-它将显示画布和渲染在一个单一的回流,所以没有闪烁或黑色帧应该出现