透镜耀斑剥离- three.js (LensFlare)

Question

这里：https://jsfiddle.net/q703Lzsu/，在camera.position.z=80或更少的camera.position.z=80上有用于照明弹和照相机的jpg图像，一切都很好。

camera.position.z = 80;

new THREE.TextureLoader().load( 
    /*"https://ibin.co/3apA1ybsZXgx.png"*/
    "https://upload.wikimedia.org/wikipedia/commons/9/99/Map_of_the_full_sun.jpg", (texture3) => {

    console.log('hereAAA');
    var flareColor = new THREE.Color( 0xffffff );

    var lensFlare = new THREE.LensFlare( texture3, 200, 0.0, THREE.AddieAAA');
    var flareColor = new THREE.Color( 0xffffff );

    var lensFlare = new THREE.LensFlare( texture3, 200, 0.0, THREE.AdditiveBlending, flareColor );
    lensFlare.position.set( 0,0,10 );

    scene.add( lensFlare );
});

但如果我使用camera.position.z=110 或更高级别的照明弹，则不会出现！

如果我在80到110之间使用一些数字(例如，100)，当我以小角度看它时，耀斑会变得看不见(相机y-rotation cca )。<-0.4, 0.4>)。

Answer 1

在three.js的相机有一个近和远的剪果。

OrthographicCamera( left, right, top, bottom, near, far )

left — Camera frustum left plane.
right — Camera frustum right plane.
top — Camera frustum top plane.
bottom — Camera frustum bottom plane.
near — Camera frustum near plane.
far — Camera frustum far plane.

尝试增加最后一个参数的值。

Answer 2

那只是一次日食:)当你放置camera.position.z=110时，你看不到透镜，因为它被太阳遮住了。评论线，添加阳光网格到现场，你会更好地理解。不可将透镜源点定位在任何要可见的对象后面。

Answer 3

这是three.js中的一个bug。它是在three.js库的当前开发版本中解决的。