LensFlare.JavaScript

https://gyazo.com/0c570e5e34cca54f5169647435a33e6f

太陽をカメラ撮影した時に出る丸い効果。

THREE.LensflareElement

つかいかた

code:usage.javascript

addLensFlares( 0.08, 0.8, 0.5, 300, 300, 400);

addLensFlares( 0.55, 0.9, 0.5, 400, 400, 800);

addLensFlares( 0.995, 0.5, 0.9, 500, 500, 1000);

code:LensFlares.javascript

// LensFlare

function addLensFlares( h, s, l, x, y, z ) {

let textureLoader = new THREE.TextureLoader();

let textureFlare0 = textureLoader.load( './lensflare/lensflare0.png' );

let textureFlare3 = textureLoader.load( './lensflare/lensflare3.png' );

let light = new THREE.PointLight( 0xffffff, 1.5, 2000 );

light.color.setHSL( h, s, l );

light.position.set( x, y, z );

scene.add( light );

let lensflare = new THREE.Lensflare();

lensflare.addElement( new THREE.LensflareElement( textureFlare0, 700, 0, light.color ) );

lensflare.addElement( new THREE.LensflareElement( textureFlare3, 60, 0.6 ) );

lensflare.addElement( new THREE.LensflareElement( textureFlare3, 70, 0.7 ) );

lensflare.addElement( new THREE.LensflareElement( textureFlare3, 120, 0.9 ) );

lensflare.addElement( new THREE.LensflareElement( textureFlare3, 70, 1 ) );

light.add( lensflare );

}