16

我刚刚使用 three.js 完成了我的第一个布料模拟从 opengl 到 webgl 的移植（可以在这里看到）。

问题是它看起来有点乏味，我想添加（我希望我从我的计算机图形课程中没记错）环境光遮蔽，以使布料在与球碰撞时很好地着色。我对着色器的了解现在还处于非常低的水平，因此我非常感谢有关此主题的任何资源，这些资源对 Three.js 开发（教程、书名等）有帮助，因为谷歌对此一无所知。

也许一些提示如何应用环境光遮蔽？

多亏了 WestLangley，阴影得以修复！现在回到其他问题：关于threejs 的着色器的任何有用资源，或者只是一般的 hlsl？

4

1 回答 1

6

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

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

这里有一些关于three.js中环境光遮蔽的讨论：

您很可能希望参考 three.js 中的这个示例来开始：

于 2016-06-24T00:33:28.620 回答