javascript - 如何在 Three.js 中使用延迟光照

Question

我正在开发的当前 Three.js 应用程序需要大量独立的灯光，因此可以从延迟光照渲染器中获益。

到目前为止，我阅读的资源建议使用 WebGLDeferredRenderer，但是当我按照他们的建议定义渲染器对象时:

var renderer = new THREE.WebGLDeferredRenderer({
width: window.innerWidth,
height: window.innerHeight,
scale: 1, antialias: true,
tonemapping: THREE.FilmicOperator, brightness: 2.5 });

并调用渲染器绘制场景:

renderer.render( scene, camera );

我得到一个空白屏幕，而如果我使用标准 WebGL 渲染器，我的场景会被正确渲染。

 renderer = new THREE.WebGLRenderer( { antialias: true } );

我似乎找不到在 three.js 中实现延迟光照的合适示例。我错过了图书馆吗？我只有 three.js 链接。也许这需要一个额外的库？

在我的 three.js 克隆中，我找不到 WebGLDeferredRenderer.js 的副本。

Answer 1

WebGLDeferredRenderer 已被移除。参见 this post了解更多信息，并点击链接访问旧代码。

three.js r.73