mylingo3d/lib/engine/transformControls.js

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

import { createEffect } from "@lincode/reactivity";
import { emitTransformControls } from "../events/onTransformControls";
import { getSelectionTarget } from "../states/useSelectionTarget";
import { getTransformControlsSnap } from "../states/useTransformControlsSnap";
import { container } from "./renderLoop/renderSetup";
import scene from "./scene";
import { lazy } from "@lincode/utils";
import { Cancellable } from "@lincode/promiselikes";
import { setTransformControlsDragging } from "../states/useTransformControlsDragging";
import { getEditorModeComputed } from "../states/useEditorModeComputed";
import { getTransformControlsSpaceComputed } from "../states/useTransformControlsSpaceComputed";
import { getCameraRendered } from "../states/useCameraRendered";
const lazyTransformControls = lazy(async () => {
    const { TransformControls } = await import("three/examples/jsm/controls/TransformControls");
    const transformControls = new TransformControls(getCameraRendered(), container);
    getCameraRendered((camera) => (transformControls.camera = camera));
    transformControls.enabled = false;
    let dragging = false;
    transformControls.addEventListener("dragging-changed", ({ value }) => {
        dragging = value;
        setTransformControlsDragging(dragging);
        emitTransformControls(dragging ? "start" : "stop");
    });
    transformControls.addEventListener("change", () => dragging && emitTransformControls("move"));
    return transformControls;
});
createEffect(() => {
    const target = getSelectionTarget();
    if (!target)
        return;
    let mode = getEditorModeComputed();
    if (mode === "path")
        mode = "translate";
    const space = getTransformControlsSpaceComputed();
    const snap = getTransformControlsSnap();
    const handle = new Cancellable();
    lazyTransformControls().then((transformControls) => {
        if (handle.done ||
            !target.outerObject3d.parent ||
            (mode !== "translate" && mode !== "rotate" && mode !== "scale"))
            return;
        transformControls.setMode(mode);
        transformControls.setSpace(space);
        transformControls.setScaleSnap(snap);
        transformControls.setRotationSnap(snap);
        transformControls.setTranslationSnap(snap);
        scene.add(transformControls);
        transformControls.attach(target.outerObject3d);
        transformControls.enabled = true;
        handle.then(() => {
            scene.remove(transformControls);
            transformControls.detach();
            transformControls.enabled = false;
        });
    });
    return () => {
        handle.cancel();
    };
}, [
    getSelectionTarget,
    getEditorModeComputed,
    getTransformControlsSpaceComputed,
    getTransformControlsSnap
]);
//# sourceMappingURL=transformControls.js.map