Как превратить веб-игру Phaser в мгновенную игру на Facebook? - PullRequest
Новая
       8

Как превратить веб-игру Phaser в мгновенную игру на Facebook?

1 голос
/ 13 октября 2019

Я сделал простую веб-игру, используя Phaser.io, и теперь я хотел бы превратить ее в мгновенную игру на Facebook. Я пробовал следовать некоторым статьям, но это не сработало.

Знаете ли вы какой-нибудь хороший источник (статья, учебник по YouTube) о процессе создания мгновенной игры на Facebook из веб-игры?

1 Ответ

2 голосов
/ 13 октября 2019

Чтобы разместить веб-игру Phaser в Facebook Instant Games, выполните следующие действия:

  • Сначала вам нужно создать новое приложение Facebook .

  • Теперь вы окажетесь на панели инструментов приложения, теперь вы выберете «Настройки» , затем «Основные» .

  • Теперь в категории выберите «Игры» , затем выберите категорию, которая лучше всего подходит для вашей игры.

  • Назадна панель инструментов, давайте выберем «Мгновенные игры» .

  • Теперь вам нужно заполнить некоторую информацию, убедитесь, что «Использовать мгновенные игры» установлен на «Да» .

  • Теперь вам нужно загрузить архив с игрой в игру. Вы можете выполнить эту операцию на панели «Веб-хостинг» , выбрав «Загрузить версию» , а затем отправить ее в производство, щелкнув значок звездочки.

  • После этого вы должны включить API мгновенных игр Facebook в свой индексный файл: 

<script src="https://connect.facebook.net/en_US/fbinstant.6.0.js"&gt;</script>;

Затем в файле игры, когда выобычно создайте саму игру по window.onload функции , вам придется создать ее следующим образом: 

FBInstant.initializeAsync().then(function() {
    FBInstant.setLoadingProgress(100);
    FBInstant.startGameAsync().then(function() {
        var windowWidth = window.innerWidth;
        var windowHeight = window.innerHeight;
        if(windowWidth &gt; windowHeight){
            windowWidth = windowHeight / 1.8;
        }
        var gameWidth = windowWidth * gameOptions.gameHeight / windowHeight;
        game = new Phaser.Game(gameWidth, gameOptions.gameHeight, Phaser.CANVAS);
        game.state.add("Boot", boot);
        game.state.add("Preload", preload);
        game.state.add("TitleScreen", titleScreen);
        game.state.add("PlayGame", playGame);
        game.state.start("Boot");
    })
})

Вы можете проверить этот учебник для более подробной информации и визуальных инструкций.

...