Hello everyone, how are you? I hope you are all doing well. Recently, I have been studying how to generate more realistic scenes with BabylonJS (mainly for product visualization). While researching, I ended up finding a very interesting Twitter thread with some tips on how to create beautiful scene…

@TiagoSilvaPereira , the issue with environment reflections is that we have to respond to the material roughness by passing a specific mip value for the reflection texture. So when we process an HDRI into an env file, we are generating a mip chain which effectively blurs the image as we reduce the im…

Hello :slight_smile: Did you have a look at Reflection Probes ? Reflection probes are used to dynamically generate cube maps that can the be used as reflection textures for instance. You have to be cautious with reflection probes as they need to actually generate 6 textures per frame (One per …

Hi @Tricotou thank you for this information. I’ll check Reflection Probes; they seem awesome! Is there any way to save a Reflection Probe to a .env file?

@PatrickRyan Thank you very much for the detailed answer. I read several of your answers in the other threads and learned a lot about HDR, etc. In fact, after looking at the code examples in the link I provided, I noticed that the secret is that Area Lights are being used. @sebavan updated me that …

Also, I’m playing with a lot of Babylon.js settings and I’m pretty satisfied with the current result, although I feel I have so much to learn: [screenshot_24-12-5_12-22] [screenshot_24-12-5_13-16]

When I say “There is a lot to improve”, I’m saying about me, and not Babylon :grinning: I just noticed that the previous statement was ambiguous (also edited on my previous response)

@TiagoSilvaPereira , there is one path you can use for iteration purposes that will speed things up. If you save your HDRI in the Radiance .hdr format, you can ask Babylon to prefilter the image on load and create your environment . In this way you can iterate on your image and change as much as you l…

Awesome, @PatrickRyan . I think this may work very well for development purposes. I could check the file for changes and automatically reload the page (or maybe dispose() and recreate the environment texture). Thank you very much for your detailed response.

Babylonjs equivalent to Three.js LightFormer?

Questions

TiagoSilvaPereira December 4, 2024, 7:29pm 4

@Tricotou I just checked the following thread, and it seems Reflection Probes does not work for lighting: Reflection with png or jpg - #10 by PatrickRyan

Topic		Replies	Views
Dynamic lighting and Background lights Questions lighting , camera , mesh	4	733	April 11, 2023
How to Create HDR Environment Files for Dynamic Scenes? Questions pbr , texture	13	3195	March 29, 2022
Can we achieve this kind of quality in our BabylonJS? Questions	15	9893	September 1, 2020
Weekly Video: Image-Based Lighting: The Easy Way Announcements	2	1050	July 2, 2020
Unable to position the character in HDRI environment Questions lighting , gui , camera	9	373	November 22, 2023

Babylonjs equivalent to Three.js LightFormer?

Related topics