IE10 Phaser SpriteSheet Problem
This demonstrates
HTML
<script src="https://cdn.rawgit.com/photonstorm/phaser/v2.1.1/build/phaser.js?_=1411988042307"></script>
<div id="game_div"> </div>
CSS
#game_div {
width: 400px;
margin: auto;
margin-top: 50px;
}
JavaScript
var game = new Phaser.Game(200, 600, Phaser.CANVAS, 'game_div', { preload: preload, create: create });
function preload() {
game.load.audio('sfx', 'fx_mixdown.mp3'); // comment this line out to work in IE
game.load.image('einstein', 'http://examples.phaser.io/assets/pics/ra_einstein.png');
game.load.image('undersea', 'http://examples.phaser.io/assets/pics/undersea.jpg');
game.load.image('pic', 'http://examples.phaser.io/assets/pics/questar.png');
game.load.image('disk', 'http://examples.phaser.io/assets/sprites/ra_dont_crack_under_pressure.png');
game.load.image('backdrop', 'http://examples.phaser.io/assets/pics/remember-me.jpg');
game.load.image('sprite', 'http://examples.phaser.io/assets/sprites/phaser2.png');
game.load.image('dragon', 'http://examples.phaser.io/assets/pics/cougar_dragonsun.png');
game.load.image('wheel', 'http://examples.phaser.io/assets/pics/large-color-wheel.png');
game.load.image('seacreatures', 'http://examples.phaser.io/assets/sprites/seacreatures.png');
game.load.image('plasmaball', 'http://examples.phaser.io/assets/particles/plasmaball.png');
game.load.spritesheet('button', 'http://examples.phaser.io/assets/buttons/button_sprite_sheet.png', 193, 71);
game.load.spritesheet('mummy', 'http://examples.phaser.io/assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
}
function create() {
game.add.image(0, 0, 'einstein');
game.add.image(100, 0, 'undersea');
game.add.image(0, 100, 'pic');
game.add.image(100, 100, 'disk');
game.add.image(0, 200, 'backdrop');
game.add.image(100, 200, 'sprite');
game.add.image(0, 300, 'dragon');
game.add.image(100, 300, 'wheel');
game.add.image(0, 400, 'seacreatures');
game.add.image(100, 400, 'plasmaball');
game.add.button(50, 50, 'button', null, this, 2, 1, 0);
game.add.sprite(0, 0, 'mummy');
}