make CORS proxy optional

src/models/settings-model.ts

@@ -32,6 +32,8 @@ export class SettingsModel {
     }
 
     // Misc
+    useCorsProxy: boolean = true;
+
     chatEnabled: boolean = false;
 
     gameOverText: string = "Game Over";

src/pages/home.html

@@ -315,6 +315,13 @@ <h2>Gameplay</h2>
                 <input type="number" min="0" max="1" step="0.1" value.bind="settings.gameOverOpacity | number" />
             </div>
 
+            <h2>Misc</h2>
+
+            <div class="input">
+                <label>Use CORS Proxy</label>
+                <input type="checkbox" checked.bind="settings.useCorsProxy" />
+            </div>
+
             <button click.delegate="saveSettings()">Save</button>
         </div>
 

src/scenes/cyberball.ts

@@ -53,11 +53,11 @@ export class CyberballScene extends Phaser.Scene {
         this.load.multiatlas('player', `${this.settings.baseUrl}/player.json`, 'assets');
 
         if(this.settings.player.portrait)
-            this.load.image('playerPortrait', 'https://proxy.cors.sh/' + this.settings.player.portrait);
+            this.load.image('playerPortrait', (this.settings.useCorsProxy ? 'https://proxy.cors.sh/' : '') + this.settings.player.portrait);
 
         this.settings.computerPlayers.forEach((cpu, i) => {
             if(cpu.portrait)
-                this.load.image('cpuPortrait' + i, 'https://proxy.cors.sh/' + cpu.portrait);
+                this.load.image('cpuPortrait' + i, (this.settings.useCorsProxy ? 'https://proxy.cors.sh/' : '') + cpu.portrait);
         });
     }