FBX model with circlers around joints

Questions
1

Hi,
I load the fbx model in the scene, but I m seeing some circles around joints, I m using the code below to import the file and play the animation.
Thanks.

const loader = new FBXLoader();
loader.load('./assets/models/lollipop.fbx', function (object) {

  mixer = new THREE.AnimationMixer(object);
  clips = object.animations;
  clips.forEach(function (clip) {
    mixer.clipAction(clip).play();
  }, undefined, function (e) {

    console.error(e);

  });

  object.traverse(function (child) {

    if (child.isMesh) {

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

    }

  });
  //scene.add(object);
  object.scale.set(0.02, 0.02, 0.02);
  object.position.set(0, -0.4, 0);
  const lollipopAnchor = mindarThree.addAnchor(2);
  lollipopAnchor.group.add(object);
  stats = new Stats();
  animate();



});
function animate() {

  requestAnimationFrame(animate);

  const delta = clock.getDelta();

  if (mixer) mixer.update(delta);

  renderer.render(scene, camera);

  stats.update();

}

lollipop
lollipop471×559 83.7 KB

2

Do you mind sharing the FBX asset in this topic?

3

lollipop.fbx (3.7 MB)
Sure !
Thank you Mugen87

4

Also want to mention That I tested using this tool and it looks fine Three.js Model Viewer (adjam93.github.io)

5

@Mugen87 any help/suggestion would be appreciated

6

I have tested your FBX asset in the three.js editor and it looks like so:

image
image1202×1386 76.6 KB

The circles you are seeing are instances of THREE.Line. They are produced by FBXLoader because your FBX asset contains NURBS curve definitions. Since the asset contains a skeleton, I assume the circles are some sort of visual helpers. You can fix this issue in two ways:

  • Reexport the FBX asset but without any NURBS curves.
  • You can set the visible property of the root line object to false. It should be:
const root = object.getObjectByName( 'all' );
root.visible = false;
1 Like
7

Thank you very much @Mugen87 :pray:
both solutions fixed the issue !