我使用Phaser.io制作了一个简单的网页游戏,现在我想将其变成一个Facebook即时游戏。我已经尝试过关注一些文章,但是没有用。
您知道从网络游戏制作Facebook即时游戏的过程的任何好的资料(文章,youtube教程...)吗?
答案 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"></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");
})
})
您可以查看 this tutorial 了解更多详细信息和视觉指示。