动画三，js纹理在Firefox中无法正常工作

Question

我今天做了一个简单的动画。它应该显示日夜过夜。它在Chrome中正常运行，但在Firefox中，纹理动画有时会卡住。

Click to see

对于动画纹理，我使用的是2d Canvas：

mixedTexture = document.createElement ( 'canvas' );

问题是什么？

Answer 1

可以创建画布，但也必须将其添加到DOM。尝试这样的事情：

var canvas = document.createElement( 'canvas' );

canvas.id = 'canvasID';

document.body.appendChild( canvas ); 
document.getElementById( 'canvasContainer' ).appendChild( canvasID ); 

一旦画布附加到DOM，您就可以开始制作动画了。