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.

Problems with ColladaLoader2

See original GitHub issue
Description of the problem

Hello @Mugen87

Now I use the ColladaLoader2 to load my model and play the animations but I get errors and display problems :

  • the model does not display correctly, see by yourself. With the ColladaLoadermy model displaying well.

431847maria

  • the updating of the mixer for animations generate this error on the console : can not bind to bones as node does not have a skeleton PropertyBinding {path: ".skeleton.bones[Hips].position", ... For each error corresponding a warning during the loading like : ColladaLoader2.js:2276 THREE.ColladaLoader: Missing data for bone: Hips. However you can see the skeleton on the picture I linked.

The model come from mixamo : https://www.mixamo.com/ , which gives quality models.

Considering this code :

loader.load(source, function(collada) 
{
	const obj = collada.scene;
	const animations = collada.animations;

	obj.traverse(function(child)
	{
		child.castShadow = true;
		child.receiveShadow = true;

                if ( child instanceof THREE.SkinnedMesh ) 
                {
                       this.skeleton = new THREE.SkeletonHelper(child);
                       this.skeleton.material.linewidth = 3;
                       this.skeleton.visible = this.skeletonIsShowed;
                       this.environment.scene.add(this.skeleton);
                }
        }.bind(this));

        this.mixer = new THREE.AnimationMixer(obj);
        this.clip = animations[0];
        this.mixer.clipAction(this.clip).play();

}.bind(this));

Thanks for reading.

Three.js version
  • Dev
  • r86
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 6 years ago
  • Comments:6

github_iconTop GitHub Comments

2reactions
Mugen87commented, Jun 26, 2017

I’m not sure if the animation data of this object are valid. As far as i can see, the file only contains two keyframes per bone. Besides, the time values are very strange (0.000000 and 0.033333). So the total length of the parsed animation clip is 0.033333 seconds. Well, it’s no problem to change the duration for playback but still these data seems strange to me. Currently i was not able to playback the animation (ColladaLoader didn’t work either).

BTW: I’ve imported the model in sketchfab and no animations were parsed at all, too.

@SebastienFPRousseau Can you please verify if the animation data of your model are correct?

1reaction
SebastienFPRousseaucommented, Jun 27, 2017

It’s weird… I suspected something like that. I will try another model. Thanks for the texture correction, waiting for the release. Animations mustn’t be valid.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Three.js Orbitcontrols issue with colladaloader2 - Stack Overflow
i found out, that on colladaloader 1 the object isn't correctly converted to its position, so i repositioned it by rotation.x to 4.70....
Read more >
AllAccessDisabled - Google Groups
I am investigating the CDN and demo server issue at the moment. It is because our CDN and demo server are discontinued. It...
Read more >
Collada Skinned character animation NOT working after ...
Hi, I'm working with version r86 of threejs. I'm wrote a simple demo which loads a skinned character with animation using colladaloader2
Read more >
ros3djs/Tutorials/VisualizingAURDF - ROS Wiki
Please ask about problems and questions regarding this tutorial on ... /ColladaAnimationCompress/current/ColladaLoader2.min.js"></script> 9 ...
Read more >
[Solved]-What is the difference between ColladaLoader.js and ...
Its examples/js/loaders folder do include a ColladaLoader.js and a ColladaLoader2.js file. Note that there was an issue with the first one (see issue...
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