我想知道是否有任何内置功能可将相机自动聚焦到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库似乎是私有的,并且代码被混淆了,所以我找不到焦点功能的实现方式。

最佳答案

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

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

09-12 13:35