Loading video...

Video Failed to Load

Go Home

Working on a lightmapper directly inside three.js, will be most useful for static scenes like archviz. Still need to improve the blotching in the darker areas, will release it once it's done ✌️

11,279 views • 25 days ago •via X (Twitter)

21 Comments

Cody Bennett's profile picture
Cody Bennett25 days ago

You could try some old-school radiosity methods or finite-element method which are not noisy. Radiance Cascades is the latest there and will improve over SVGF for responsiveness. Only issue is that you can't directly observe UV-space probes for specular.

Ben Houston's profile picture
Ben Houston25 days ago

Hey @marco_fugaro I just tried to contribute a LightMapper to ThreeJS, it is here. Could you see how it compares to what you have? If you share your code I could try to combine the efforts to make this PR better?

Marco Fugaro's profile picture
Marco Fugaro25 days ago

hey, that's great to have! I didn't see that. I guess the difference is that you are using an existing three.js indirect diffuse algorithm, and just doing the baking part. In my example instead I am building a BVH, shooting some rays and using the lightmap itself as a radiance cache. Then I have some À-trous denoise + upsample passes to smooth it all out. I'll share it open source once I am done so you can improve the three.js implementation, for example I had to remove dilation to get rid of the seams.

visual swim's profile picture
visual swim25 days ago

would love to try this in the arch viz app we are using in our practice one day

Jack's profile picture
Jack25 days ago

a lightmapper inside three.js would be super handy

Marco Fugaro's profile picture
Marco Fugaro25 days ago

I just found out there is already a PR for it, but it uses a different indirect lighting algorithm than mine

Frederik De Wilde's profile picture
Frederik De Wilde25 days ago

Cool!

Marco Fugaro's profile picture
Marco Fugaro25 days ago

😊

Sam's profile picture
Sam25 days ago

this looks super promising for archviz stuff. how heavy is the bake time for a mid-size scene?

Marco Fugaro's profile picture
Marco Fugaro25 days ago

will try that next!

Jiří Coufal's profile picture
Jiří Coufal25 days ago

nice work man. How is the performance on older computers?

Marco Fugaro's profile picture
Marco Fugaro25 days ago

60fps on an old Mac M1, there is really no work being done once it's done baking, just reading from a texture

Marco Fugaro's profile picture
Marco Fugaro25 days ago

but yes as you can see in the video, in the rebake part there are some expensive parts, but it only takes a couple of seconds

anish's profile picture
anish25 days ago

a lightmapper running inside three.js for archviz scenes is a solid idea. is the blotching in the dark areas coming from low sample counts or from the denoise step?

Marco Fugaro's profile picture
Marco Fugaro25 days ago

yes low samples, I am trying to keep it fast

Lucas's profile picture
Lucas25 days ago

Beautiful! Makes such a difference Will you be baking light probes for dynamic objects?

Marco Fugaro's profile picture
Marco Fugaro25 days ago

Thanks! That's a possible road for dynamic objects, yes

Nikolay Strekalovski's profile picture
Nikolay Strekalovski25 days ago

Thats so cool that the baking happens almost instantly👍👍

Marco Fugaro's profile picture
Marco Fugaro25 days ago

yess, will see if I can speed it up more

Robert Built's profile picture
Robert Built25 days ago

following this one. looking nice

EX3D's profile picture
EX3D25 days ago

Nice! I have the non technical, silly version of that in my app.

Related Videos