<！doctype html>
<html>
<head>
    <スクリプトsrc = "https://cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.js"> </script>
    <style type = "text/css">
        体 {
            マージン：0;
        }
    </style>
</head>
<body>
    <div id = "gamecontainer"> </div>
    <script type = "text/javascript">
        var config = {
            タイプ：Phaser.auto、
            親：「GameContainer」、
            幅：1024、
            高さ：1024、
            シーン： {
                プリロード：プリロード、
                作成：作成、
                更新：更新
            }
        };
        var game = new phaser.game（config）;

        function preload（）
        {
            this.load.image（ 'logo'、 'assets/logo.png'）;
        }

        関数create（）
        {
            var logo = this.add.image（400、150、 'logo'）;
        }

        function update（）
        {
        }
    </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/phaser@3.23.0/dist/phaser.js"></script>
    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
</head>
<body>
    <div id="gameContainer"></div>
    <script type="text/javascript">
        var config = {
            type: Phaser.AUTO,
            parent: 'gameContainer',
            width: 1024,
            height: 1024,
            scene: {
                preload: preload,
                create: create,
                update: update
            }
        };
        var game = new Phaser.Game(config);

        function preload ()
        {
            this.load.image('logo', 'assets/logo.png');
        }

        function create ()
        {
            var logo = this.add.image(400, 150, 'logo');
        }

        function update ()
        {
        }
    </script>
</body>
</html>