main.ts
import { Game } from 'phaser';
import rexvirtualjoystickplugin from 'phaser3-rex-plugins/plugins/virtualjoystick-plugin.js';

import MainScene from './scenes/MainScene';

const config = {
    type: Phaser.AUTO,
    width: 950,
    height: 550,
    backgroundColor: '#cccccc',
    parent: 'app',
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH
    },
    physics: {
        default: 'arcade',
        arcade: {
            gravity: { x: 0, y: 300 },
            debug: false,
        }
    },
    plugins: {
        scene: [{
            key: 'rexVirtualJoystick',
            plugin: rexvirtualjoystickplugin,
            mapping: 'rexVirtualJoystick',
            start: true
        }]
    },
    scene: [MainScene] // 配列にクラスを追加
};
window.addEventListener('DOMContentLoaded', () => {
    //  new Phaser.Game(config);
    new Game(config);
});