mylingo3d/src/states/useBokehMaxBlur.ts

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

import store, { createEffect } from "@lincode/reactivity"
import { getBokehRefresh } from "./useBokehRefresh"
import { getCameraRendered } from "./useCameraRendered"

export const bokehMaxBlurDefault = 0.01

export const [setBokehMaxBlur, getBokehMaxBlur] = store(bokehMaxBlurDefault)

createEffect(() => {
    setBokehMaxBlur(
        getCameraRendered().userData.bokehMaxBlur ?? bokehMaxBlurDefault
    )
}, [getCameraRendered, getBokehRefresh])