Question

创建一个模拟追踪着灯光的镜头光晕。

代码示例

const light = new THREE.PointLight( 0xffffff, 1.5, 2000 );
const textureLoader = new THREE.TextureLoader();
const textureFlare0 = textureLoader.load( "textures/lensflare/lensflare0.png" );
const textureFlare1 = textureLoader.load( "textures/lensflare/lensflare2.png" );
const textureFlare2 = textureLoader.load( "textures/lensflare/lensflare3.png" );
const lensflare = new Lensflare();
lensflare.addElement( new LensflareElement( textureFlare0, 512, 0 ) );
lensflare.addElement( new LensflareElement( textureFlare1, 512, 0 ) );
lensflare.addElement( new LensflareElement( textureFlare2, 60, 0.6 ) );
light.add( lensflare );

例子

WebGL / lensflares

Constructor

LensflareElement( texture : Texture, size : Float, distance : Float, color : Color )

texture - 用于光晕的THREE.Texture（贴图）
size - （可选）光晕尺寸（单位为像素）
distance - （可选）和光源的距离值在0到1之间（值为0时在光源的位置）
color - （可选）光晕的（Color）颜色

属性

请参阅其基类Mesh来了解共有属性。

源代码

examples/jsm/objects/Lensflare.js