Can I change opacity of lensFlareSystem effect? If yes then how?

Questions
1

I am using lensFlareSystem to make effect on my sphere mesh. Its very bright when I open it, is there a way to make it low intensity or opacity?

 var lensFlareSystem = new BABYLON.LensFlareSystem("lensFlareSystem", mesh, scene);
      var flare00 = new BABYLON.LensFlare(0.2, 0, new BABYLON.Color3(1, 1, 1), "https://www.babylonjs.com/demos/lens/lens5.png", lensFlareSystem);
      var flare01 = new BABYLON.LensFlare(0.5, 0.2, new BABYLON.Color3(0.5, 0.5, 1), "https://www.babylonjs.com/demos/lens/lens4.png", lensFlareSystem);
      var flare02 = new BABYLON.LensFlare(0.2, 1.0, new BABYLON.Color3(1, 1, 1), "https://www.babylonjs.com/demos/lens/lens4.png", lensFlareSystem);
      var flare03 = new BABYLON.LensFlare(0.4, 0.4, new BABYLON.Color3(1, 0.5, 1), "https://www.babylonjs.com/Assets/Flare.png", lensFlareSystem);
      var flare04 = new BABYLON.LensFlare(0.1, 0.6, new BABYLON.Color3(1, 1, 1), "https://www.babylonjs.com/demos/lens/lens5.png", lensFlareSystem);
      var flare05 = new BABYLON.LensFlare(0.3, 0.8, new BABYLON.Color3(1, 1, 1), "https://www.babylonjs.com/demos/lens/lens4.png", lensFlareSystem);
      // lensFlareSystem.position = new Vector3(0,1,0);
2

Hey you can simply reduce the color intensity of each flare

3

Can you please show one example to do that?

4

instead of using new BABYLON.Color3(1, 1, 1) you can use new BABYLON.Color3(0.5, 0.5, 0.5)

1 Like
5

Ok, That works Thank you so much for quick response. I have one more little problem, Is there any way to make the torus flat. Like make not the thickness but the look of it should be a flat ring? Do you understand what mean?

6

Lower the thickness to a small enough value:

https://www.babylonjs-playground.com/#A7SVB6#44

8

Yes I have tried it, but I want something like this planet have.

hCu95AvuhuaHGPR97rEY8o-1200-80
hCu95AvuhuaHGPR97rEY8o-1200-801024×518 24.9 KB

9

I guess you will need multiple torus, then:

https://www.babylonjs-playground.com/#A7SVB6#45

However, it seems easier to me that you just use a texture over a plane.

1 Like
10

I did a demo some times ago about that:

https://www.babylonjs.com/demos/planet/

Source code:

2 Likes
11

Oh I see, Thank you :slightly_smiling_face:

12

Yes, I saw it while doing my research, but could not find its code. Thank you for sharing. :blush:

13

I am wondering what did you use to make ground into ring looking? You used ring texture but I mean the round shape of ground and distance between planet and ground(plane) I can not find that part in your source code.

14

Sorry not sure to understand the question. can you show me a picture of what you are talking about?

15

Right now my planet looks something like this. How I can make ground look like ring?

Screen Shot 2020-08-17 at 6.51.02 PM
Screen Shot 2020-08-17 at 6.51.02 PM1092×702 23.4 KB

16

you need to apply the ring texture on it:

18

oh, I see. and what if my planet have the outer glow so I need some space between planet and ring. Is there any way to do that. Also is there any way make ground transparent in colour?

19

Here is a cool example: https://www.babylonjs-playground.com/#1KQUCO#0

1 Like
21

Ok got it, I had to hasAlpha = true in my code, that works. Thank you so much. :blush: