Как сделать игру HTML5 в браузере мобильных устройств с Phaser? ⇐ Html

[Anonymous]

Я только что нашел игровой фреймворк HTML5 под названием Phaser, и в нем говорится, что эта структура поддерживает как браузер, так и браузер мобильных устройств, только если они поддерживают HTML5. Поэтому я написал образец в качестве учебника, и он отлично работал на моем компьютере с Chrome, но когда я запускаю его с Chrome Browser на моем iPhone. Это просто дает пустую страницу ни с чем. < /P>

Вот код: < /p>

Код: Выделить всё

Phaser - Making your first game, part 1


body {
margin: 0;
}






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

var score = 0;
var scoreText;
function preload() {
game.load.image('sky', 'assets/sky.png');
game.load.image('ground', 'assets/platform.png');
game.load.image('star', 'assets/star.png');
game.load.spritesheet('dude','assets/dude.png', 32,48);
game.add.sprite(0,0,'star');
}
var platforms;

function create() {
game.physics.startSystem(Phaser.Physics.ARCADE);
game.add.sprite(0,0,'sky');
platforms = game.add.group();
platforms.enableBody = true;
var ground= platforms.create(0,game.world.height-64,'ground');
ground.scale.setTo(2,2);
ground.body.immovable=true;
var ledge = platforms.create(400,400,'ground');
ledge.body.immovable=true;
ledge = platforms.create(-150,250,'ground');
ledge.body.immovable = true;
player = game.add.sprite(32,game.world.height-150,'dude');
game.physics.arcade.enable(player);
player.body.bounce.y = 0.2;
player.body.gravity.y = 300;
player.body.collideWorldBounds = true;

player.animations.add('left',[0,1,2,3],10,true);
player.animations.add('right',[5,6,7,8],10,true);
cursors = game.input.keyboard.createCursorKeys();
stars = game.add.group();
stars.enableBody = true;
for(var i=0;i

Подробнее здесь: [url]https://stackoverflow.com/questions/29563911/how-to-make-html5-game-run-on-mobile-device-browser-with-phaser[/url]