How to set different animations for different meshes created by same gltf file?

gunpowderfans · September 2, 2022, 4:44am

Question: For multiple meshes imported with same one gltf file, how to set the animation to a specific one mesh?
The different animations are also defined inside that gltf file.

I have checked many documents but I still have no clear idea yet, that’s why I registered here

Takemura · September 2, 2022, 9:31am

Not sure if I get you right. I use animationGroups of AssetManager(AssetContainer, ImportMesh) to start/stop my .gltf animations.

But this might be a deeper solution, to add mesh as target of single animation:

gunpowderfans · September 5, 2022, 2:20am

Thanks for answering, but sorry for that I don’t understand it. Can you find an example for that? How to “add mesh as target of single animation”?
An example for playing different animations for different meshes imported with same .gltf file can help me a lot.
Or I may need to say it directly, is there an open-source example like Grapevine?

Takemura · September 5, 2022, 9:43am

Maybe this video helps you out:

Or an existing playground example that fits your setup:

Or you could create a playground with your imported .gltf, because I have no suiting .gltf for this.

Also it is used in the tutorial game of BabylonJS:

github.com

BabylonJS/SummerFestival/blob/a0abccc2efbb7399820efe2e25f53bb5b4a02500/src/environment.ts#L66


      
                  m.isPickable = false;
                  m.checkCollisions = false;
              }
          });
          
          
//--LANTERNS--
          assets.lantern.isVisible = false; //original mesh is not visible
          //transform node to hold all lanterns
          const lanternHolder = new TransformNode("lanternHolder", this._scene);
          for (let i = 0; i < 22; i++) {
              //Mesh Cloning
              let lanternInstance = assets.lantern.clone("lantern" + i); //bring in imported lantern mesh & make clones
              lanternInstance.isVisible = true;
              lanternInstance.setParent(lanternHolder);
          
          
    //Animation cloning
              let animGroupClone = new AnimationGroup("lanternAnimGroup " + i);
              animGroupClone.addTargetedAnimation(assets.animationGroups.targetedAnimations[0].animation, lanternInstance);
          
          
    //Create the new lantern object
              let newLantern = new Lantern(this._lightmtl, lanternInstance, this._scene, assets.env.getChildTransformNodes(false).find(m => m.name === "lantern " + i).getAbsolutePosition(), animGroupClone);

carolhmj · October 4, 2022, 12:11pm

Hello @gunpowderfans just checking in, do you need any more help?

Topic		Replies	Views
How to make multiple meshs play different animations Questions animation , mesh	6	469	September 23, 2022
Issues with mesh animations Bugs	23	3688	May 30, 2019
Attach same animation to different group of meshes Questions	3	264	March 3, 2023
Targeting multiple GLTF animations to a single rig Questions animation , gltf	4	1345	January 28, 2022
Best way to blend animations between multiple glTFs? Questions material	3	1209	July 22, 2019

How to set different animations for different meshes created by same gltf file?

Related topics