如何解决使用 dat.gui 和后处理?
我想使用 dat.gui 调试一些效果,例如 SSAO,但不幸的是,使用 SSAO 更改值无法按预期工作。
我尝试了什么:
const loadSsao = (intensity) => {
const normalPass = new normalPass(scene,camera)
const ssaoEffect = new SSAOEffect(camera,normalPass.rendertarget.texture,{
blendFunction: BlendFunction.MULTIPLY,// intentionally set as normal for better debugging
depthAwareUpsampling: true,samples: 50,rings: 12,distanceThreshold: 0.2,distanceFalloff: 0.0025,rangeThreshold: 0.0009,rangeFalloff: 0.0001,luminanceInfluence: 0,radius: 12.5,intensity: intensity,bias: 0.0
})
const renderPass = new RenderPass(scene,camera)
const effectPass = new EffectPass(camera,ssaoEffect)
// dat.gui
const gui = dat.GUI()
const ssaoFolder = gui.addFolder("SSAO")
ssaoFolder.add(ssaoEffect,'intensity',100,1)
ssaoFolder.open()
composer.addPass(renderPass)
composer.addPass(normalPass)
composer.addPass(effectPass)
}
loadSsao(12)
我还尝试使用 dat.gui 中的 onUpdate()
函数并执行以下操作:
ssaoFolder.add(ssaoEffect,1).onUpdate((value) => {
const normalPass = new normalPass(scene,intensity: value,ssaoEffect)
composer.addPass(renderPass)
composer.addPass(normalPass)
composer.addPass(effectPass)
}
请原谅格式,我真的很急,因为我正在使用这个包工作:/
有关更多信息,我在 ReactJS/NextJS 环境中使用 Three.js、dat.gui 等,并且大多数后处理和 Threejs 函数都在 useEffect()
中
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。