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

Posted 2023-02-27

【中文标题】如何在 R3F 中对导入的 FBX 对象创建发光效果？

【英文标题】：How Can I Create A Glow Effect on an Imported FBX Object in R3F?

【发布时间】：2021-04-05 04:57:59

【问题描述】：

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

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

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

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

我对 ThreeJS 很陌生，所以我不确定在这个特定问题上还有什么地方可以寻求帮助！如果我可以进一步澄清任何事情，请告诉我

【参考方案1】：

a) 它会显着降低性能

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

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

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

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

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

three.js outer glow for sphere object?

【讨论】：

干杯，我会检查一下:)