mylingo3d/lib/display/utils/worldToClient.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { container } from "../../engine/renderLoop/renderSetup";
import { onAfterRender } from "../../events/onAfterRender";
import { getCameraRendered } from "../../states/useCameraRendered";
import getCenter from "./getCenter";
const cache = new WeakMap();
//todo: might need cloning for caching
export default (object3d) => {
    if (cache.has(object3d))
        return cache.get(object3d);
    const center = getCenter(object3d);
    const camera = getCameraRendered();
    center.project(camera);
    const x = (center.x * 0.5 + 0.5) * container.clientWidth;
    const y = (center.y * -0.5 + 0.5) * container.clientHeight;
    const result = { x, y };
    cache.set(object3d, result);
    onAfterRender(() => cache.delete(object3d), true);
    return result;
};
//# sourceMappingURL=worldToClient.js.map