三js 中的环境光遮蔽



我刚刚用三个完成了我的第一个布料模拟从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

最新更新