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

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

import store, { createEffect } from "@lincode/reactivity";
import { BlendFunction, BloomEffect } from "postprocessing";
import { getBloom } from "../../../states/useBloom";
import { getBloomRadius } from "../../../states/useBloomRadius";
import { getBloomIntensity } from "../../../states/useBloomIntensity";
import { getBloomThreshold } from "../../../states/useBloomThreshold";
import unsafeGetValue from "../../../utils/unsafeGetValue";
const [setBloomEffect, getBloomEffect] = store(undefined);
export { getBloomEffect };
createEffect(() => {
    if (!getBloom())
        return;
    const effect = new BloomEffect({
        blendFunction: BlendFunction.ADD,
        mipmapBlur: true,
        luminanceSmoothing: 0.3
    });
    setBloomEffect(effect);
    const handle0 = getBloomIntensity((val) => (effect.intensity = val));
    const handle1 = getBloomThreshold((val) => (effect.luminanceMaterial.threshold = val));
    const handle2 = getBloomRadius((val) => (unsafeGetValue(effect, "mipmapBlurPass").radius = Math.min(val, 0.9)));
    return () => {
        setBloomEffect(undefined);
        effect.dispose();
        handle0.cancel();
        handle1.cancel();
        handle2.cancel();
    };
}, [getBloom]);
//# sourceMappingURL=bloomEffect.js.map