three.js Lensflare

2023-02-16 17:51 更新

创建一个模拟追踪着灯光的镜头光晕。 Lensflare 只能在将 WebGLRenderer 的 alpha context 参数设置为 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

构造函数

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号