Nokia Lumia (Mobile IE) not showing any graphics in Phaser 2.2 and above

[claycr4ne]

Hello all,

 

I've noticed that If I make a game with a Phaser version 2.2 or above my Nokia Lumia 920 can't show any of its graphics. It's using Mobile IE as a browser and this problem never occurs with a desktop version of IE.

 

For example I once went through this SpaceHipster tutorial, which worked pretty well with Phaser versions under 2.2. Then, at that time, I made it run Phaser 2.2 and suddenly my Lumia phone was showing only black screen with background music playing. This same thing is happening to me now in my client project, in which Lumia only shows the background image of my HTML file. In this project I'm using Phaser 2.2.2. I also tried Phaser 2.3 but it was the same.

 

Any ideas what could be causing this?

[reegankens]

Same with me, I use Phaser 2.3 and I test graphic just show in PC. Can someone tell me what happen with my script?

 

This is my script

 

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

function preload() {

 

    //game.load.spritesheet('button', 'assets/buttons/button_sprite_sheet.png', 193, 71);

 

}

 

var text;

var button;

var x = 32;

var y = 80;

 

function create() {

 

    game.stage.backgroundColor = '#182d3b';

 

    // You can listen for each of these events from Phaser.Loader

    game.load.onLoadStart.add(loadStart, this);

    game.load.onFileComplete.add(fileComplete, this);

    game.load.onLoadComplete.add(loadComplete, this);

 

    // Just to kick things off

    //button = game.add.button(game.world.centerX - 95, 400, 'button', start, this, 2, 1, 0);

    start();

    // Progress report

    text = game.add.text(32, 32, 'Click to start load', { fill: '#ffffff' });

 

}

 

function start() {

 

    game.load.image('picture1', 'assets/images/download.jpeg');

    game.load.image('picture3', 'assets/images/icon.png');

 

    game.load.start();

 

    //button.visible = false;

 

}

 

function loadStart() {

 

//game.text.setText("Loading ...");

 

}

 

// This callback is sent the following parameters:

function fileComplete(progress, cacheKey, success, totalLoaded, totalFiles) {

 

//text.setText("File Complete: " + progress + "% - " + totalLoaded + " out of " + totalFiles);

 

var newImage = game.add.image(x, y, cacheKey);

 

newImage.scale.set(0.3);

 

x += newImage.width + 20;

 

if (x > 700)

{

x = 32;

y += 332;

}

 

}

 

function loadComplete() {

 

//http://www.faceplusplus.com/uc/people/logintext.setText("Load Complete");

 

}

 

This is screenshoot  in pc browser (chrome).

 

This is screenshoot in mobile browser (IE Nokia Lumia 640 XL).