index.html

<!doctype html> 
<html lang="en"> 
    <head> 
        <meta charset="UTF-8" />
        <title>Happy Birthday R</title>
        <script src="phaser.min.js"></script> <!--cdn.jsdelivr.net/npm/phaser@3.11.0/dist/phaser.js-->
        <script src="StartScene.js"></script>
        <script src="MainGameScene.js"></script>
        <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
        <link rel="manifest" href="site.webmanifest">
    </head>
    <body>
        <div id="game"></div>
        <script>

            const phaserConfig = {
                type: Phaser.AUTO,
                width: 800,
                height: 600,
                physics: {
                    default: 'arcade',
                    arcade: {
                        gravity: { y: 300 },
                        debug: false
                    },
                },
                scene:  [ StartScene, MainGameScene ]
            };

            const game = new Phaser.Game(phaserConfig);

        </script>

    </body>
</html>