question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

FBX 2018 format are shown all black without any error

See original GitHub issue

I loaded a free model which is FBX 2018 format to threejs but it is shown all black without any error. I used the same code to load other two FBX 2018 format files and everything was fine, even with animation, which was played well with my code. I exported them using 3DS MAX so I am sure the version of the format. By the way, I also used https://discoverthreejs.com/apps/loader/ to test my model, which is also shown black, but the model is normal in autodesk 3DS MAX. The code, the screenshot and the model are attached below. And if I exported it to .obj it was still black.

`

   // model
    var loader = new THREE.FBXLoader();
    var gra = this;
    loader.load( 'fbx_files/005/005_2.FBX', function ( object ) {

          if(object.animations && object.animations[0]) {
            gra.mixer = new THREE.AnimationMixer( object );
            var action = gra.mixer.clipAction( object.animations[ 0 ] );
            action.play();
          }

          object.traverse( function ( child ) {

            if ( child.isMesh ) {

            child.castShadow = true;
            child.receiveShadow = true;

            }

            } );
          object.scale.set(10000,10000,10000);
          object.position.y = 100;
          console.log(object);
          scene.add( object );
    } , onProgress = function(xhr) {
      console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
    }, onError = function(e) {
      console.log(e);
    }
    );

`

Screenshot 2019-05-10 at 11 53 52 Screenshot 2019-05-10 at 12 02 21

The model (with two fbx files) are attached below: 005.zip

Three.js version
  • Dev
  • r104
Browser
  • All of them
  • Chrome
  • Firefox
  • Internet Explorer
OS
  • All of them
  • Windows
  • macOS
  • Linux
  • Android
  • iOS
Hardware Requirements (graphics card, VR Device, …)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
saucebingcommented, May 10, 2019

It has been glTF 2.0 yet. And I found that I can solve the darker color problem by increasing the light intensity. The problem has been solved perfectly! I would try to convert all of my models to glTF!! Thank you very much!! I will close this issue.

0reactions
saucebingcommented, May 10, 2019

Wonderful!!! I use 3DS MAX + Babylon Plugin to export my model to glTF 1.0 format. And the texture was shown quickly!! But colors are a much darker. I can use another plugin to export it to a file as glTF 2.0 format. Just wait to see what would happened.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Maya FBX is black - Unity Forum
But when I imported another Maya fbx file from the same original Maya scene, it initially came in correctly, but then turned solid...
Read more >
texturing - .fbx export why there are no materials or textures?
Most file formats just don't support exporting textures, let alone full blown material definitions or other application specific features. Also ...
Read more >
FBX Import and FBX Export Removed from AutoCAD
Solution: To convert a DWG file to FBX format. Append the drawing in Navisworks and then export from Navisworks to FBX, or use...
Read more >
three.js - Fbx color not display in 3 js editor - Stack Overflow
It appears that the model does not have color- or material information in the FBX-file. Try opening the FBX in blender and you...
Read more >
Exporting FBX files - DARF DESIGN
ARki uses FBX format which is compatible with most 3d Software Packages. ... For the best export settings please embed all textures and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found