如何将相位器网页游戏变成脸书小游戏?

Question

我用 Phaser.io 做了一个简单的网页游戏，现在我想把它变成一个Facebook小游戏。我尝试关注一些文章，但没有用。

你知道有什么好的来源(文章，youtube教程......(关于从网页游戏制作Facebook小游戏的过程吗？

Answer 1

要将 Phaser 网页游戏托管到 Facebook 小游戏，请按照以下步骤操作：

• 首先，您需要创建一个新的Facebook应用程序。

• 您现在将登陆应用程序仪表板，现在您将选择">设置">，然后选择"基本"。

• 现在在类别中选择"游戏">，然后选择最适合您的游戏的类别。

• 回到仪表板，让我们选择"小游戏"。

• 现在您必须填写一些信息，请确保"使用小游戏">设置为"是"。

• 现在，您必须上传带有游戏的压缩文件。您可以在">虚拟主机"面板下执行此操作，选择"上传版本">， 然后通过单击星形图标将其推送到生产环境。

• 之后，您必须在索引文件中包含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 > 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");
})
})

您可以查看本教程以获取更多详细信息和视觉说明。