Javascript 如何在three.js中将相机自动聚焦在一个点上?

Javascript 如何在three.js中将相机自动聚焦在一个点上?,javascript,three.js,webgl,Javascript,Three.js,Webgl,我想知道在three.js中是否有内置功能可以将相机自动聚焦到一个点上,从而使环境的其他部分变得相对模糊,就像我们在这些示例中看到的那样 XG库中启用自动聚焦的代码如下: renderer.dofEnabled = false; renderer.dofAutofocus = true; renderer.dofAutofocusPoint.set( 0.5, 0.35 ); renderer.dofFocusDistance = 10; renderer.dofFocusMaxBlur =

我想知道在three.js中是否有内置功能可以将相机自动聚焦到一个点上,从而使环境的其他部分变得相对模糊,就像我们在这些示例中看到的那样

XG库中启用自动聚焦的代码如下:

renderer.dofEnabled = false;
renderer.dofAutofocus = true;
renderer.dofAutofocusPoint.set( 0.5, 0.35 );
renderer.dofFocusDistance = 10;
renderer.dofFocusMaxBlur = 0.2;
我不知道XG库的历史,但上面链接中的XG库似乎基于three.js,但three.js中没有任何相机自动对焦或dofEnabled

如果有一些简单的方法可以在three.js中实现,请让我知道,如果没有,任何关于如何实现它的建议都非常感谢


我不知道,但似乎XG库是私有的,代码是模糊的,因此我无法了解焦点功能是如何实现的。

我刚刚发现,这种效果称为景深自由度,已经通过使用MeshDepthMaterial实现,threejs网站中有一个示例:


XG是由alterdqualia编写的threejs的定制版本。因此,它没有得到任何当局的支持。