javascript - 如何在 Three.js 中将相机自动聚焦在一个点上？

Question

我想知道是否有任何内置功能可以将相机自动对焦到 Three.js 中的一个点，以便环境的其余部分变得相对模糊，就像我们在这些示例中所看到的那样？

http://alteredqualia.com/xg/examples/animation_physics_level.html http://alteredqualia.com/xg/examples/animation_physics_ammo.html

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库似乎是私有(private)的，并且代码被混淆了，所以我无法找出焦点功能是如何实现的。

Answer 1

我刚刚发现，这种效果称为“景深”(dof)，并且已经使用 MeshDepthMaterial 实现了，并且在 Threejs 网站上有一个示例:

http://threejs.org/examples/webgl_postprocessing_dof.html