Glb display issue

[Pavanpk]

Hi there,
I have glb models, when i upload them into sandbox then it looks fine but i import into react application they look in different size. What could be the issue?

Here is how it looks like in both scenario.

Babylon sandbox

In React App.

Playground link

Babylon.js Playground

[Evgeni_Popov]

You will get better results with PBR materials by using an environment texture:

Babylon.js Playground

[Pavanpk]

I have created a function and binded it in componentDidMount. still not able to have environment as in playground. Am i missing something?

[carolhmj]

Does your environment file exists? Also, you can check the createDefaultEnvironment function to quickly build one: Scene | Babylon.js Documentation (babylonjs.com)

[Pavanpk]

Thanks for your valuable time and concern @carolhmj. Actually issue was i didnt have proper url to import texture into react app so i tried this and it worked for me.

addEnv = () => {
var hdrTexture = new BABYLON.CubeTexture(“https://assets.babylonjs.com/environments/environmentSpecular.env”, scene);
hdrTexture.gammaSpace = false;
scene.environmentTexture = hdrTexture;
};

[mawa]

Hmm, it looks like you are now loading the .env as a CubeTexture, where I believe to get the best out of it you should load it as prefiltered (just like you did before).

[sebavan]

@mawa, his will do the same load it from the envloader

[Pavanpk]

@mawa I tried CreateFromPrefilteredData as well, got the same output as with CubeTexture.

[mawa]

Thanks for the info. Just another automagic behavior of BJS I wasn’t aware of. One day this framework will do everything without me doing anything . Good for my small brain Have a great day then