三个js中的环境遮挡

Question

我刚刚使用three.js (can be seen here)将我的第一次布料模拟从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 [Voxel Cone追踪全球照明]
• https://github.com/mrdoob/three.js/issues/5554 [更好的阴影贴图]

很可能你想从three.js引用这个例子来启动你：

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