如何在three.js中将相机自动对焦到一个点上
How to auto focus camera on a point in three.js?
我想知道是否有任何内置功能可以将相机自动聚焦到three.js中的一个点,从而使环境的其他部分变得相对模糊,就像我们在这些示例中所做的那样?
http://alteredqualia.com/xg/examples/animation_physics_level.htmlhttp://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
相关文章:
- 是否可以从独立于摄影机的three.js场景中的一个点应用雾
- 如何将多个 Blender JSON 模型合并到一个 Three.js Object3D 对象中
- 制作一个渲染器's的背景是透明的,但不是形状three.js
- 如何在three.js中将相机自动对焦到一个点上
- 如何在Three.JS中将两个BufferGeometry合并为一个BufferGeometrics
- 在three.js程序中运行一个webgl函数
- Three.js JSONLoader'onLoad不是一个函数'
- 如何在 Three.js 中编写一个 getworldposition 函数
- Three.js将两个对象连接为一个对象
- 这是一个带有collada加载程序的Three.js错误吗
- 更改背景颜色,在three.js中添加一个点光源
- 在three.js中勾勒出一个三维对象的轮廓
- 如何使对象在three.js场景中仅对一个摄影机可见
- 渐进地“;揭示“;Three.js中的一个三维对象--我做得对吗
- 在一个页面中显示three.js的多个实例
- 在three.js中为加载器创建一个可重用的函数
- WebGL/Three.js一个复杂对象(网格)上的不同材质
- 用indexedDB存储一个three.js网格对象
- iPhone 6s上的一个three.js视频示例不起作用(只有黑色面板)
- 如何使圆弧角出去,而不是在一个Three.js形状