Witaj, Zajmuję się tworzeniem gry na platformę gier natychmiastowych na Facebooku i muszę dodać preloader w
za pomocą interfejsu API.
Zrobiłem wszystko poprawnie, ale mam problem z dodaniem
niebieski przycisk "graj teraz" (Zdjęcie: //imgur .com/a/YmggUIP), aby gra zaczęła się dopiero po
użytkownik kliknie ten przycisk wideo: //youtu .be/Sjj_UKX549A

Ktoś, kto zna api facebooka, może mi powiedzieć, w jaki sposób dodać ten przycisk?

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


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