reactjs - 如何在 R3F 中对导入的 FBX 对象创建发光效果？

Question

我目前正在玩一个 react-three-fiber 项目，我希望在场景中的单个网格周围创建一个发光效果（从 Blender 导入），类似于这里所做的：https://100gecs。 com/

我尝试过使用 Bloom 后处理，但我发现

a）它显着降低性能 b）它适用于所有网格，我不能只针对一个

有人对这种效果的其他技术有建议吗？或者，如果 Bloom 是唯一的方法，是否有针对效果的单个网格的方法？

我对 ThreeJS 很陌生，所以我不确定在这个特定问题上还能去哪里寻求帮助！让我知道我是否可以进一步澄清

标签： reactjsthree.jsfbxreact-three-fiber

Answer 1

a) 它显着降低性能

嗯，虚幻的绽放通道并不是一个廉价的后期处理通道，因为它需要多次渲染才能产生单个帧。

b）它适用于所有网格，我不能只针对一个

有一个官方的three.js 示例展示了如何有选择地将bloom 应用于场景中的对象。

https://threejs.org/examples/#webgl_postprocessing_unreal_bloom_selective

还有其他技术可以产生假的绽放/发光效果，不需要上述的绽放过程。您应该在此处找到有关此主题的信息：

球体对象的three.js外发光？