镜头光晕(Lensflare)

优质
小牛编辑
141浏览
2023-12-01

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

代码示例

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