import Phaser from "phaser";
import Scene from "./scene";
const launch = ({ containerId, onLose }) => {
  const container = document.getElementById(containerId);
  const width = container.clientWidth;
  const height = container.clientHeight;
  const game = new Phaser.Game({
    type: Phaser.CANVAS,
    width,
    height,
    parent: containerId,
    physics: {
      default: "arcade",
      arcade: {
        debug: true,
      },
    },
    scale: {
      mode: Phaser.Scale.FIT,
      autoCenter: Phaser.Scale.CENTER_BOTH,
      parent: containerId,
      width: 1080,
      height: 1080,
    },
    scene: Scene,
  });
  Object.assign(game, {
    onLose,
    restart() {
      this.scene.scenes[0].scene.start("scene");
    },
  });
  return game;
};
export default launch;