Probes volume purposal for three JS

[gillesboisson]

Hi, I’m working on a probes volume baking solution using blender and three JS.

One part is a blender plugin which bake reflection / irradiance volumes into cubemaps. Ideally it would support lightmap baking.

The other part is integration of these probes into threeJS. Ideally I would like to the threeJS part to be a complete integration in the engine (a pull request is in the back oven).

For now I have a working proto available here : https://three-probes.dotify.eu/

I’m looking for some technical feedback as my not an expert on the low level part of the engine.

You can see technical appraoach on the repos readme

The three JS proto repo : GitHub - gillesboisson/blender-probes-export: Blender plugin allowing to precompute reflectance, indirect luminance from blender and export data for use in external engine
The blender plugin repo : GitHub - gillesboisson/threejs-probes-test

In case you need some history about probes in three JS, there is the original PR : https://github.com/mrdoob/three.js/pull/18371

Cheers

[gillesboisson]

A quick update, as I’m mainly working on the blender plugin side. Now it supports baked lightmap.

Here is a quick example of baked indirect light on walls and probes rendering

https://three-probes-small.dotify.eu/

[gillesboisson]

Here some new tests with high quality scene and more complex lighting.

Load time is quite long as it used open exr for lights maps and probes.

If someone knows some good tools to generate basisu textures and compressed mesh, it would help a lot.

here is link to the demo

repo : GitHub - gillesboisson/threejs-probes-test
demo : https://three-probes.dotify.eu/

[kitaedesigns]

Hi, for BasisU/KTX and mesh compression you can use the latest gltf-pack tools in Blender 4.2. You will need to download the library and set the path to enable it though. I think that WebP and Draco form Blender’s standard gltf exporter is fine though. They are more robust currently than setting up gltf-pack in Blender.