Shaders not loading in web based viewers

[parassrivastav]

I had a fbx which I converted into glb using fbx2gltf npm package then compressed it using

gltf-pipeline -i model.glb -o modelDraco.glb -d

The file appears in blender with shaders etc like following but not in https://gltf-viewer.donmccurdy.com/ or https://sandbox.babylonjs.com/ where it appears as following, without shaders n all.

Here's the glb file https://drive.google.com/file/d/1E9Y7DbZCxoWiFJlhjlx8WDm2nbNhJRHT/view?usp=sharing

[donmccurdy]

Are you using the --khr-materials-unlit flag with FBX2GLTF? The result you're seeing in the second image is correct, given this GLB, because the entire model is specified as "unlit". This means shading is disallowed. So I think there is something incorrect, or a wrong setting maybe, in the conversion from FBX to glTF.

[donmccurdy]

Continuing in chat: https://chat.stackoverflow.com/rooms/230422/discussion-between-paras-and-mugen87.

[parassrivastav]

Removing --khr-materials-unlit flag has made it better but the glasses are still not transparent.

[donmccurdy]

The glTF viewers are displaying the GLB correctly, based on what's in the GLB.

Since this is a problem with what the FBX2glTF exporter has written into the GLB file, you will need to share the original FBX file to get help with this, file a bug on FBX2GLTF, or work with a 3D artist to edit the file in modeling software.

[parassrivastav]

I shared the original fbx, can you help ?

On Sat, Mar 27, 2021, 11:41 PM Don McCurdy @.***> wrote:

The glTF viewers are displaying the GLB correctly, based on what's in the GLB.

Since this is a problem with what the FBX2glTF exporter as written into the GLB file, you will need to share the original FBX file to get help with this, or work with a 3D artist to edit the file in modeling software.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/donmccurdy/three-gltf-viewer/issues/251#issuecomment-808775355, or unsubscribe https://github.com/notifications/unsubscribe-auth/AKMEIPBQ7Z62Q4TB56TQSDTTFYNU5ANCNFSM4Z25LCHQ .

[donmccurdy]

Loading this FBX file in Autodesk FBX Review, I see:

Importing the FBX file directly to Blender, I see:

In neither case are the windows transparent, so I think it's safe to say this FBX file has some problems. You'll need to fix those manually in Blender (or other software) and set Blend Mode -> Alpha Blend on the windows' material:

With that done, and then exporting to GLB, you can view it in three.js correctly. You may want to adjust the Alpha slider a bit.