Is there a built-in feature in three.js for automatically focusing a camera on a specific point, causing the rest of the environment to blur like in these examples?
The XG library code that enables auto focus looks something like this:
renderer.dofEnabled = false;
renderer.dofAutofocus = true;
renderer.dofAutofocusPoint.set( 0.5, 0.35 );
renderer.dofFocusDistance = 10;
renderer.dofFocusMaxBlur = 0.2;
It appears that the XG library, which is based on three.js, includes camera auto focus functionality that is not available in three.js itself.
If there is an easy way to achieve this in three.js, please share. If not, any suggestions on how to implement it would be greatly appreciated.
The XG library seems to be private and the code is obfuscated, making it difficult to determine how the focus feature is implemented.