Hello, I added the preloader in my game using the API of facebook instant games,
but I'm having trouble figuring out how to add the blue "play now" button Image:
https://imgur.com/a/YmggUIP
And make the game start only after the user clicks this video button:
https://youtu.be / Sjj_UKX549A
How to proceed to give this action to the game?
HTML
<!DOCTYPE html>
<html manifest="offline.appcache">
<head><script src="https://connect.facebook.net/en_US/fbinstant.6.0.js"></script>
<script src = "game.js"></script>
</head>
<body>
GAME
</body>
</html>
game.js
Code:
FBInstant.initializeAsync().then(function() {
FBInstant.setLoadingProgress(100);
Module._fbinstant_inited = true;
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");
})
})
FBInstant.startGameAsync().then(function() {
// Here we can be sure the player has already tapped play.
myGame.start();
}); 
