mylingo3d/src/engine/renderLoop/effectComposer/bokehPass.ts

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

import { BokehPass } from "three/examples/jsm/postprocessing/BokehPass"
import scene from "../../scene"
import { getBokehFocus } from "../../../states/useBokehFocus"
import { getBokehAperture } from "../../../states/useBokehAperture"
import { getBokehMaxBlur } from "../../../states/useBokehMaxBlur"
import { getCameraRendered } from "../../../states/useCameraRendered"

const bokehPass = new BokehPass(scene, getCameraRendered(), {})
export default bokehPass

const uniforms = bokehPass.uniforms as any

getCameraRendered((camera) => {
    bokehPass.camera = camera
    uniforms["aspect"].value = camera.aspect
    uniforms["nearClip"].value = camera.near
    uniforms["farClip"].value = camera.far
})
getBokehFocus((val) => (uniforms["focus"].value = val))
getBokehAperture((val) => (uniforms["aperture"].value = val))
getBokehMaxBlur((val) => (uniforms["maxblur"].value = val))