Search the Community

Been already spending time to solve this problem. Your knowledge or solution to this problem is much appreciated. Thanks in advance Currently I am developing app using > **Phaser Frame Work** and encounter this problem when we put our assets folder to a different folder like we have our cdn. When loading the game assets to the same server it works perfectly fine. When we put our assets to a different server that will serves as our resource folder then our assets are not being loaded. Here is a sample of our preload function Preload(game) { this._oPhaser = game; }; Preload.prototype = { preload: function () { var p = this._oPhaser; p.load.crossOrigin = "anonymous"; var time = new Date().getTime(); var default_assets = _ASSETS_ + 'assets/default/img/'; var lang_assets = _ASSETS_ + 'assets/' + p._LANGUAGE + '/img/'; var images = { 'report-header': lang_assets + 'report/report-header.jpg', 'report-description': default_assets + 'report/report-description.jpg', 'horizontal': default_assets + 'report/horizontal.jpg', 'vertical': default_assets + 'report/vertical.jpg', 'bg' : default_assets + 'report/report.jpg', 'tie_game' : lang_assets + 'report/tie_game.png', 'player_wins' : lang_assets + 'report/player_wins.png', 'dealer_wins' : lang_assets + 'report/dealer_wins.png', 'chip_report' : default_assets + 'report/chip_report.png', } for (var i in images) { p.load.image(i, images[i] + '?' + time); } var atlas = { 'dice' : default_assets + 'dices', 'result' : default_assets + 'result' }; for (var i in atlas) { p.load.atlas(i, atlas[i] + '.png?' + time, atlas[i] + ".json?" + time); }; p.load.json('lang_file', _ASSETS_ + 'assets/' + p._LANGUAGE + '/lang/language.json'); }, create: function () { this._oPhaser._LANGUAGE_FILE = this.game.cache.getJSON('lang_file'); this._oPhaser.state.start('report'); } }; all the codes work well on android devices, desktop. Except that it is not working on **iOS Device iPhone Chrome Browser** but works well on SAFARI BROWSER. When i take a look at the console.log of the test device using WEINRE debugging tools. I have this following warnings > Phaser.Loader - image[report-header]: error loading asset from URL > https://www.url.com/assets/default/img/report/report-header.jpg?1496277589789 > Phaser.Loader - image[report-description]: error loading asset from > URL > https://www.url.com/assets/default/img/report/report-description.jpg?1496277589789 > Phaser.Loader - image[horizontal]: error loading asset from URL > https://www.url.com/assets/default/img/report/horizontal.jpg?1496277589789 > Phaser.Loader - image[vertical]: error loading asset from URL > https://www.url.com/assets/default/img/report/vertical.jpg?1496277589789 > Phaser.Loader - image[bg]: error loading asset from URL > https://www.url.com/assets/default/img/report/report.jpg?1496277589789 > Phaser.Loader - image[tie_game]: error loading asset from URL > https://www.url.com/assets/default/img/report/tie_game.png?1496277589789 > Phaser.Loader - image[player_wins]: error loading asset from URL > https://www.url.com/assets/default/img/report/player_wins.png?1496277589789 > Phaser.Loader - image[dealer_wins]: error loading asset from URL > https://www.url.com/assets/default/img/report/dealer_wins.png?1496277589789 > Phaser.Loader - image[chip_report]: error loading asset from URL > https://www.url.com/assets/default/img/report/chip_report.png?1496277589789 > Phaser.Loader - textureatlas[dice]: error loading asset from URL > https://www.url.com/assets/default/img/dices.png?1496277589789 > Phaser.Loader - textureatlas[result]: error loading asset from URL > https://www.url.com/assets/default/img/result.png?1496277589789 > Phaser.Loader - json[lang_file]: error loading asset from URL > https://www.url.com/assets/default/lang/language.json Causing the app not to properly render. > NOTE : IPHONE CHROME BROWSER iOS 10.3.2 CHROME VERSION 58.0.3029.113