Jump to content

Phaser.Loader error loading asset from URL on iPhone Chrome Browser


Chen Ling Xue
 Share

Recommended Posts

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

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...