如何将Phaser网络游戏转变为Facebook即时游戏?

时间:2019-10-13 13:31:12

标签: facebook phaser-framework

我使用Phaser.io制作了一个简单的网页游戏,现在我想将其变成一个Facebook即时游戏。我已经尝试过关注一些文章,但是没有用。

您知道从网络游戏制作Facebook即时游戏的过程的任何好的资料(文章,youtube教程...)吗?

1 个答案:

答案 0 :(得分:2)

要将Phaser网页游戏托管到Facebook Instant Games,请按照以下步骤操作:

  • 首先,您需要创建一个 new Facebook app

  • 您现在将进入应用程序仪表板,现在选择“设置” ,然后选择“基本”

  • 现在,在类别中选择“游戏” ,然后选择最适合您的游戏的类别。

  • 回到仪表板,选择“即时游戏”

  • 现在您必须填写一些信息,确保将“使用即时游戏” 设置为“是”

  • 现在,您必须随游戏上传一个压缩文件。您可以在“虚拟主机” 面板下选择“上传版本” ,执行此操作, 然后通过点击星形图标将其推向生产。

  • 之后,您必须在索引文件中包含 Facebook Instant Games API

<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");
    })
})

您可以查看 this tutorial 了解更多详细信息和视觉指示。