我刚刚用三个完成了我的第一个布料模拟从opengl移植到webgl.js(可以在这里看到)。
问题是它看起来有点沉闷,我想添加(我希望我在计算机图形课上没记错)环境光遮蔽,以使布料在与球碰撞时很好地着色。我对着色器的了解现在处于非常低的水平,所以我非常感谢有关此主题的任何资源,这些资源对三个.js开发(教程,书名等)有帮助,因为Google对此一无所知。
也许一些提示如何应用环境光遮蔽?
所以阴影是固定的,这要归功于西兰利!现在回到其他问题:关于 threejs 着色器的任何有用资源,还是一般的 hlsl?
有几种方法可以产生环境光遮蔽:
- 全局照明 (GI)
- 光强度的全局低频近似(GI 快捷方式) 屏幕空间
- 近似值,通常称为 SSAO(屏幕空间环境光遮蔽)
以下是三个.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 [更好的阴影贴图]
您很可能希望从三个.js中引用此示例来开始:
- http://threejs.org/examples/#webgl_postprocessing_ssao