三个环境中的环境遮挡

Question

我刚刚使用three.js将我的第一个布料模拟从opengl移植到webgl (可以在这里看到).

事情是它看起来有点沉闷,我想添加(因为我希望我能从我的计算机图形类中正确记住)环境遮挡,以使布料在与球碰撞时很好地遮挡.我对着色器的了解现在处于非常低的水平,所以我非常感谢有关这个主题的任何资源有助于three.js开发(教程,书名等),因为谷歌对它一无所知.

也许有些提示如何应用环境遮挡？

所以,由于WestLangley,阴影得到了修复!现在回到其他问题:关于三个着色器的任何有用资源,或者只是一般的hlsl？

Answer 1

有几种方法可以产生环境光遮挡：

• 全局照明 (GI)
• 光强度的全局低频近似值（GI 捷径）
• 屏幕空间近似值，通常称为 SSAO（屏幕空间环境遮挡）

以下是有关three.js 中环境光遮挡的一些讨论：

• https://github.com/mrdoob/three.js/issues/6575 [实时全局/间接照明]
• https://github.com/mrdoob/three.js/issues/4434 [体素锥跟踪全局照明]
• https://github.com/mrdoob/three.js/issues/5554 [更好的阴影贴图]

您很可能希望从three.js 中引用这个示例来开始您的工作：

• http://threejs.org/examples/#webgl_postprocessing_ssao