Blender model and emission/glow material messed up in browser

Ok…lots of questions rolled into one.

In general…not everything you can do in Blender will work in V3D. In the case of “Bloom” you will have to turn that off in Blender, and then use the Bloom post-process effect puzzle in V3D.

Without having your blend file I would suggest reviewing your shader nodes for compatibility with V3D. This link will help: https://www.soft8soft.com/docs/manual/en/blender/Shader-Nodes-Reference.html

There are other settings in Blender, including color management that can affect the way EEVEE represents what you will see in V3D. However, EEVEE is only a close representation it is not exact, and the more complicated your shaders are the less likely EEVEE will give you a good representation of what it will look like in V3D. Emissive shaders are just one of those that you have to fine-tune bouncing back in forth between V3D and blender to get right.

Regarding graininess in FireFox. I would take a look at your V3D export settings and see if you are using compression on textures or perhaps you need to add anisotropic filtering see this video https://youtu.be/symQy5gEHdY?t=685

good luck

Perhaps, if you are willing you can share your blend file. Equally important can you show a screen shot of the issues you are having in firefox and do a side by side comparison to Chrome?

With respect to the Ansiotropic Filtering, it only applies if you are using an image map. You would select the texture node and make the adjustments. Since you are using a basic material any irregularities in rendering are more than likely blender settings in general.

Take a look at your Rendering Properties and evaluate the Color Management for your scene.
Your display device will more than likely be sRGB but your view Transform may need to be tweaked to fit your needs. Most will find that setting the View Transform to sRGB as well will help a lot.

You may find the that under Render Properties > Verge3d settings > the antialias may need adjustment for your scene. In most cases auto will work nicely but in some situations fine tuning is required.

If you are using lights….try removing them from your scene and only lighting with and HDR environment map and see if you get a better result. If you do then put the lights back in if they are needed and adjust the Shadow filtering.

Just some ideas since I cant see what you are really having an issue with.

Hi c4cc,

I have reviewed the blend file and there are a number of issues you may be encountering that are leading to some frustration.

The first is the misunderstanding that Blenders EEVEE Viewport Shading will look identical in Verge3d. It will be close..but not exact. Where this is most evident is in emission shaders and emission settings. You will want to be sure to disable “Bloom” in blender. This is not supported in Verge3d. The next thing you are going to want to do is to replace the Principled BSDF with an Emission shader. You can use the color in your BSDF emission in the Emission shader with a value of 3. In Blender, your lightning will look yellow/orange but once you get it into V3D it will be okay once you setup bloom. Note: Bloom in V3D has to be set up in the puzzle editor. SneakPeak will not display bloom. If you look at your object in SneakPeak it will not appear to be emissive.

Blender V3D settings – be sure that if you are using modifiers in your blender project that you check “bake modifiers”. Otherwise, those objects will be displayed in an unmodified shape.

Modeling – Use of displace modifiers is fine as long as you control the normals in your geo. In your case the model is displaced significantly such that many faces are inverted and will not be visible in your scene.

As you explore V3d..i would suggest you do not use Firefox…but use Chrome instead. Unless your specific application requires it. Firefox has such a low market share that web developers for the most part ignore it. See the following for reference: https://gs.statcounter.com/browser-market-share.

Hope this helps.