three.js Lensflare

創(chuàng)建一個模擬追蹤著燈光的鏡頭光暈。 Lensflare 只能在將 WebGLRenderer 的 alpha context 參數(shù)設(shè)置為 true 時使用。

代碼示例

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

構(gòu)造函數(shù)

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