set crossOrigin on WebGL atlas image loaders

Atlases now load from the CDN; without crossOrigin = "anonymous" the
browser refuses to texImage2D the cross-origin image. Requires the CDN
to send Access-Control-Allow-Origin for /_assets/atlases/.

src/client/render/gl/passes/conquest-popup-pass.ts

@@ -207,6 +207,7 @@ export class ConquestPopupPass {
 
   private loadAtlas(): void {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       const gl = this.gl;
       const tex = gl.createTexture()!;

src/client/render/gl/passes/fx-pass/fx-sprite-pass.ts

@@ -268,6 +268,7 @@ export class FxSpritePass {
 
   private async loadAtlas(): Promise<void> {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.src = fxAtlasUrl;
     await img.decode();
     const gl = this.gl;

src/client/render/gl/passes/name-pass/icon-program.ts

@@ -113,6 +113,7 @@ export class IconProgram {
     const gl = this.gl;
     const load = (url: string, cb: (tex: WebGLTexture) => void) => {
       const img = new Image();
+      img.crossOrigin = "anonymous";
       img.onload = () => {
         const tex = gl.createTexture()!;
         gl.bindTexture(gl.TEXTURE_2D, tex);

src/client/render/gl/passes/name-pass/status-icon-program.ts

@@ -105,6 +105,7 @@ export class StatusIconProgram {
   private loadAtlas(): void {
     const gl = this.gl;
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       const tex = gl.createTexture()!;
       gl.bindTexture(gl.TEXTURE_2D, tex);

src/client/render/gl/passes/name-pass/text-program.ts

@@ -127,6 +127,7 @@ export class TextProgram {
   private loadAtlas(): void {
     const gl = this.gl;
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       const tex = gl.createTexture()!;
       gl.bindTexture(gl.TEXTURE_2D, tex);

src/client/render/gl/passes/radial-menu-pass.ts

@@ -229,6 +229,7 @@ export class RadialMenuPass {
 
   private loadEmojiAtlas(): void {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       this.atlasImg = img;
       this.rebuildAtlasTexture();

src/client/render/gl/passes/structure-level-pass.ts

@@ -210,6 +210,7 @@ export class StructureLevelPass {
 
   private loadAtlas(): void {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.onload = () => {
       const gl = this.gl;
       const tex = gl.createTexture()!;

src/client/render/gl/passes/structure-pass.ts

@@ -245,6 +245,7 @@ export class StructurePass {
 
   private async loadAtlas(): Promise<void> {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.src = iconAtlasUrl;
     await img.decode();
     const gl = this.gl;

src/client/render/gl/passes/unit-pass.ts

@@ -301,6 +301,7 @@ export class UnitPass {
 
   private async loadAtlas(): Promise<void> {
     const img = new Image();
+    img.crossOrigin = "anonymous";
     img.src = unitAtlasUrl;
     await img.decode();
     const gl = this.gl;