Eevee WYSIWYG

hulpesergiu wrote:

Hi x9studio.

I am very confused about your question.

The image on the left looks 90% the same as the one on the right to me.

The only difference between them is some contrast and color correction (the eevee one looks a bit greenish)

I am not sure what you are trying to do.

Also from your material screenshot, I am noticing you are baking the material, maybe you can tell us more details about that?

From the PBR sample project, the results look identical in Verge3D and Eevee. That’s the way it should be for PBR materials. For some reasons my test project is not producing the same result.

It’s simple procedural materials baked into PRB materials using SimpleBake addon.

xeon wrote:

Just to throw a wrinkle into this conversation.

You will want to be sure Blenders color space and your monitors color space are set to sRGB if you want the colors to be a similar as possible between EEVEE and Verge3d. Browsers use sRGB so if you are using a different color profile in Blender you will want to switch. Also be sure your monitor(s) are set to sRGB as well.

Note, the above will get you close…very close and typically good enough. But if you are picky and want perfection your only real choice is to iterate/re-adjustment of your materials until you get the result you want. When we have to hit specific Pantone color, we set up a color calibrator over the browser and adjust until we get the correct output. It might take a few dozen tries before we get it right. The bad thing…. most viewers just won’t care as close enough is good enough as the vast majority of people don’t calibrate their monitors or have light-controlled environments where they use their computer.

Thank you for the inputs. I’m not going for Pantone accuracy. Something went wrong in my test project as PBR sample project in Verge3D shows it is possible to get the WYSIWYG in Eevee to the browser. I just need to figure out what went wrong in my test.

I can’t share the Blend file that was posted at the start of this thread. But I’ve created a test project that reproduces similar result where rendered Eevee and Verge3D aren’t quite the same.

My goal is to establish a WYSIWYG workflow. The sample project named Pbr in Verge3D App Manager shows WYSIWYG is possible. But I can’t figure out why I’m not able to produce similar result.

This is my workflow so far:
1. Model, texture and HDR lightmap in a Blend file that I called original project file.
2. Baked PBR textures from the original project file.
3. Create a new Verge3D project.
4. Open Verge3D Blend project from project manager and copy PBR textures and HDR map into Verge3D project folder.
5. Append collection from original project file into Verge3D Blend file and setup materials and HDR map.
6. Click on Sneak Peek button to see it in Verge3D web browser.

At step 5, the result in the original project file and Verge3D Blend file are very similar. But at closer loo, Verge3D Blend file has blown out highlight for some reasons.

At step 6, Verge3D view is quite different from Eevee in Verge3D Blend file.

In the Verge3D Blend file, I use channel packing texture but I had to use sRGB color space in image texture node to get it look similar to original project file.

I can’t figure out what settings am I missing, I’m using Blender 3.1.
Here is the link for Verge3D project folder
https://www.dropbox.com/sh/h66jt2mie6ek36c/AAA5GXzUWtIcrhrpnqvFM2lJa?dl=0

Link for original project file https://www.dropbox.com/s/r0dfukwd2j60sd4/Verge3D%20material%20test%20Original%20Project.blend?dl=0

Thanks.