cables_dev/cables_ui/src/ui/elements/canvasoverlays/transformsicon.js

import { gui } from "../../gui.js";
export default class TransformsIcon
{
    constructor(cgl, id)
    {
        this._cgl = cgl;
        this._pos = vec3.create();
        this._screenPos = vec2.create();
        this._id = id;
        this.lastUpdate = performance.now();
        if (!cgl || !cgl.canvas) return;
        const container = cgl.canvas.parentElement;
        this._eleCenter = document.createElement("div");
        this._eleCenter.classList.add("transformSpot");
        container.appendChild(this._eleCenter);
        this._eleCenter.addEventListener("click", () =>
        {
            gui.transformOverlay.click(this._screenPos);
        });
    }
    get id()
    {
        return this._id;
    }
    get screenPos()
    {
        return this._screenPos;
    }
    update()
    {
        this.lastUpdate = performance.now();
        this._updateScreenPos();
        if (this._eleCenter)
        {
            this._eleCenter.style.left = this._screenPos[0] + "px";
            this._eleCenter.style.top = this._screenPos[1] + "px";
        }
    }
    setPos(x, y, z)
    {
        vec3.set(this._pos, x, y, z);
        this.update();
    }
    _updateScreenPos()
    {
        if (!this._cgl) return;
        this._cgl.pushModelMatrix();
        const m = mat4.create();
        const pos = vec3.create();
        const emptyvec3 = vec3.create();
        const trans = vec3.create();
        mat4.translate(this._cgl.mvMatrix, this._cgl.mMatrix, this._pos);
        mat4.multiply(m, this._cgl.vMatrix, this._cgl.mMatrix);
        vec3.transformMat4(pos, emptyvec3, m);
        vec3.transformMat4(trans, pos, this._cgl.pMatrix);
        this._cgl.popModelMatrix();
        if (pos[2] > 0)
        {
            this._screenPos[0] = -3000;
        }
        else
        {
            const vp = this._cgl.getViewPort();
            const x = vp[2] - (vp[2] * 0.5 - (trans[0] * vp[2] * 0.5) / trans[2]);
            const y = vp[3] - (vp[3] * 0.5 + (trans[1] * vp[3] * 0.5) / trans[2]);
            this._screenPos[0] = x / this._cgl.pixelDensity;
            this._screenPos[1] = y / this._cgl.pixelDensity;
        }
    }
    dispose()
    {
        if (this._eleCenter)
            this._eleCenter.remove();
    }
}