lingo3d/lib/engine/renderLoop/effectComposer/outlineEffect.js

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

import store, { createEffect } from "@lincode/reactivity";
import { OutlineEffect } from "postprocessing";
import loadTexture from "../../../display/utils/loaders/loadTexture";
import { getCameraRendered } from "../../../states/useCameraRendered";
import { getOutline, setOutline } from "../../../states/useOutline";
import { getOutlineColor } from "../../../states/useOutlineColor";
import { getOutlineHiddenColor } from "../../../states/useOutlineHiddenColor";
import { getOutlinePattern } from "../../../states/useOutlinePattern";
import { getOutlinePulse } from "../../../states/useOutlinePulse";
import { getOutlineStrength } from "../../../states/useOutlineStrength";
import unsafeSetValue from "../../../utils/unsafeSetValue";
import scene from "../../scene";
import { cameraRenderedPtr } from "../../../pointers/cameraRenderedPtr";
const [setOutlineEffect, getOutlineEffect] = store(undefined);
export { getOutlineEffect };
let objectSet = new Set();
export const addOutline = (target) => {
    objectSet.add(target);
    objectSet.size === 1 && setOutline(true);
};
export const deleteOutline = (target) => objectSet.delete(target);
createEffect(() => {
    if (!getOutline())
        return;
    const effect = new OutlineEffect(scene, cameraRenderedPtr[0]);
    setOutlineEffect(effect);
    for (const object of objectSet)
        effect.selection.add(object);
    objectSet = effect.selection;
    const handle0 = getOutlineColor((val) => effect.visibleEdgeColor.set(val));
    const handle1 = getOutlineHiddenColor((val) => effect.hiddenEdgeColor.set(val));
    const handle2 = getOutlinePattern((val) => unsafeSetValue(effect, "patternTexture", val ? loadTexture(val) : null));
    const handle3 = getOutlinePulse((val) => (effect.pulseSpeed = val));
    const handle4 = getOutlineStrength((val) => (effect.edgeStrength = val));
    return () => {
        setOutlineEffect(undefined);
        effect.dispose();
        handle0.cancel();
        handle1.cancel();
        handle2.cancel();
        handle3.cancel();
        handle4.cancel();
    };
}, [getOutline, getCameraRendered]);
//# sourceMappingURL=outlineEffect.js.map