Jump to content

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


Recommended Posts

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?

Link to comment
Share on other sites

  • 4 weeks later...

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);
    // 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');
    //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);
x += newImage.width + 20;
if (x > 700)
x = 32;
y += 332;
function loadComplete() {


This is screenshoot  in pc browser (chrome).



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



Link to comment
Share on other sites


  • Recently Browsing   0 members

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