import { Application, Assets, Container, Sprite } from "pixi.js";
import { backgroundLayout } from "../common";
import { Game } from "./game";

export class Opinator extends Game {
    constructor() {
        super();
        this._inMove = false; // indicates if player has grabed the wire (is mouse down)
        this._currentScore = 0;
        this._pixelGoalScore = undefined;
        this._goalScore = 10 * this._difficulty; // goal to match, measured in play area, 10 = moving the mouse on the equivalent of 10 play areas
        this._lastMousePos = undefined; // use to compute the travelled distance

        const backgroundSprite = Sprite.from("opinator");

        this._pixelGoalScore = backgroundSprite.width * this._goalScore; // beware of resize mid game

        backgroundSprite.eventMode = "static";

        backgroundSprite.on("pointerdown", (event) => {
            console.log("Opinator grabbed");
            this._inMove = true;
            this._lastMousePos = event.client.clone();
        });

        backgroundSprite.on("pointerupoutside", () => {
            console.log("Opinator released");
            this._inMove = false;
            this._lastMousePos = undefined;
        });
        backgroundSprite.on("pointerup", () => {
            console.log("Opinator released");
            this._inMove = false;
            this._lastMousePos = undefined;
        });

        backgroundSprite.on("mousemove", (event) => {
            if (this._inMove && !this.won) {
                const newMousePos = event.client;
                const progress = Math.sqrt(
                    (newMousePos.x - this._lastMousePos.x) ** 2 +
                        (newMousePos.y - this._lastMousePos.y) ** 2,
                );
                if (progress > 0) {
                    this._lastMousePos = newMousePos.clone();
                    this._currentScore += progress;
                    console.log(
                        "mouse move, current score",
                        this._currentScore,
                        "goal",
                        this._pixelGoalScore,
                    );
                    if (this._pixelGoalScore < this._currentScore) {
                        console.log("game won");
                        this.won = true;
                    }
                } //else ignore, not enough move to get some distance
            }
        });
        backgroundSprite.layout = backgroundLayout;
        this.gameContainer.addChild(backgroundSprite);
    }

    reset() {}
}