import Phaser from "phaser";
import { CRTPlugin } from "phaser-plugin-crt";

const config: Phaser.Types.Core.GameConfig = {
  type: Phaser.AUTO,
  plugins: {
    scene: [{ key: "CRTPlugin", plugin: CRTPlugin, mapping: "crt" }],
  },
  scene: [MyScene],
};

new Phaser.Game(config);

export class MyScene extends Phaser.Scene {
  create() {
    // Enable for all cameras
    this.crt.enable({
      curvature: 0.18,
      scanlineIntensity: 0.16,
      wobbleAmp: 0.001,
    });

    // Toggle with a key
    const key = this.input.keyboard?.addKey("P");
    key?.on("down", () => this.crt.toggle());

    // Live tweak
    this.time.addEvent({
      delay: 2000,
      loop: true,
      callback: () => this.crt.update({ wobbleAmp: Math.random() * 0.002 }),
    });

    // Disable for all cameras
    this.crt.disable();
  }
}