WebGL CORS image loading

[mariogarranz]

Some of our games images need to be loaded from an external server. The game may be played on different sites, but these images need to remain always on the same default site.


It's an Amazon AWS S3 server, where we declared the images to be public, which apparently enables CORS loading. It works just fine with CANVAS mode, but when we use WebGL mode we get this error:

 

 

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at ---- may not be loaded. 

 

 

I have read about some other people having this problem with PIXI, but the problem seems to be with CORS not being enabled (which is not our problem, because these images are being loaded correctly for CANVAS drawing).

Is this normal? Shall we use any special headers when loading these images? Amazon S3 servers don't seem to have many other options to configure CORS other than making files public.

 

 

 

 

PS: I just opened this thread on Phaser forum, but I feel it's more of a PIXI thing.

[mariogarranz]

I thought this was PIXI related because textures worked in CANVAS mode but not in WebGL.

However, it turned out that it was a CORS problem, so just ignore it. If anyone is interested, I posted the solution on the other thread.

Thanks.