Question

I have made a cube with a texture and text on it. When I rotate the cube, after some time, the texture disappears and a very nice colorful cube appears.

I have made a jsfiddle to view the problem:

I am using the latest version of firefox.

Answer 1

Your color is specified incorrectly. Do this instead:

cubeTextures.push( new THREE.MeshBasicMaterial( { map: texture, transparent: true, color:0xffffff } ) );

You have an array out of bounds. Do this:

context.fillText(cubeText[indexTexture], 20, 20, cubeWidth - cubeTextMarginLeft - cubeTextMarginRight);

I could not reproduce your problem with my browser, but see if this fixes it.

Edit: Your camera’s field-of-view is 400 degrees. Yikes! Try 40.