GLB isn't load the materials well, 3d models are total black (after Blender export)

Questions
1

Hi, I’m trying to upload my GLB models into this project (hopefully you can see the code in your Sandbox): React App
I am trying to export my own model from blender and i have downloaded several examples from sketchfab, but for some reason the models are always turns out completely homogeneous and black. even though everything looks fine in blender, the textures are in place. maybe i should add some light source to the project?
currently this model is added to the middle portal: Spiderman Noir Tea Set - Download Free 3D model by Chaitanya Krishnan (@chaitanyak) [bd40f5e] - Sketchfab

Any suggestions or ideas would be very welcome! Thanks!

2

Yes!

const light = new THREE.AmbientLight( 0x404040 ); // soft white light
scene.add( light );
3

thanks! and where should I paste it? into which line (App.js or index.js)?

4

May could you make suggestions for it? Thanks!

5

Oh! You’re using r3f, my bad!

@drcmda, could help you with this one! (Sorry for the ping, codeSandBox keeps crashing my browser :no_mouth:)

1 Like
6

Thanks! hope @drcmda knows the answer!

7

if you have no lights the models will be black, you must always add lights. if you have metallic surfaces you need environment maps. what you have there are portals, a portal is like a separate scene, so just because you have <ambientLight /> mounted in the canvas doesn’t mean it applies in your portals. so add them there as well, same for the environment.

...
  <MeshPortalMaterial>
    <ambientLight />
3 Likes
8

Thank you! It seems I could solve my problem with your help, too.