workadventure/front/src/Phaser/Items/Computer/computer.ts

import * as Phaser from "phaser";
import Sprite = Phaser.GameObjects.Sprite;
import type { ITiledMapObject } from "../../Map/ITiledMap";
import type { ItemFactoryInterface } from "../ItemFactoryInterface";
import type { GameScene } from "../../Game/GameScene";
import { ActionableItem } from "../ActionableItem";
import * as tg from "generic-type-guard";

const isComputerState = new tg.IsInterface()
    .withProperties({
        status: tg.isString,
    })
    .get();
type ComputerState = tg.GuardedType<typeof isComputerState>;

let state: ComputerState = {
    status: "off",
};

export default {
    preload: (loader: Phaser.Loader.LoaderPlugin): void => {
        loader.atlas(
            "computer",
            "/resources/items/computer/computer.png",
            "/resources/items/computer/computer_atlas.json"
        );
    },
    create: (scene: GameScene): void => {
        scene.anims.create({
            key: "computer_off",
            frames: [
                {
                    key: "computer",
                    frame: "computer_off",
                },
            ],
            frameRate: 10,
            repeat: -1,
        });
        scene.anims.create({
            key: "computer_run",
            frames: [
                {
                    key: "computer",
                    frame: "computer_on1",
                },
                {
                    key: "computer",
                    frame: "computer_on2",
                },
            ],
            frameRate: 5,
            repeat: -1,
        });
    },
    factory: (scene: GameScene, object: ITiledMapObject, initState: unknown): ActionableItem => {
        if (initState !== undefined) {
            if (!isComputerState(initState)) {
                throw new Error("Invalid state received for computer object");
            }
            state = initState;
        }

        // Idée: ESSAYER WebPack? https://paultavares.wordpress.com/2018/07/02/webpack-how-to-generate-an-es-module-bundle/
        const computer = new Sprite(scene, object.x, object.y, "computer");
        scene.add.existing(computer);
        if (state.status === "on") {
            computer.anims.play("computer_run");
        }

        const item = new ActionableItem(object.id, computer, scene, 32, (item: ActionableItem) => {
            if (state.status === "off") {
                state.status = "on";
                item.emit("TURN_ON", state);
            } else {
                state.status = "off";
                item.emit("TURN_OFF", state);
            }
        });
        item.on("TURN_ON", () => {
            computer.anims.play("computer_run");
        });
        item.on("TURN_OFF", () => {
            computer.anims.play("computer_off");
        });

        return item;
        //scene.add.sprite(object.x, object.y, 'computer');
    },
} as ItemFactoryInterface;