Load GLTF animation without mesh?

Hi,

Is it possible to load a GLTF animation without the corresponding meshes?

I have a talking head animation created in Blender and I’m able to export it as a GLTF model with mesh + animation and import it into Three JS.

However I have multiple models with the exact same mesh and I want to just load a single animation once and apply it to the other models.

The problem is that the GLTF animation with mesh is 8.9MB and I only need the shape key animations. Is it possible to export just the shape key animations as a JSON file or a GLTF without the mesh to reduce the animation file size?

Thank You!

Yes it’s possible
In fact three do not require bones duplicates to store animations. Only the raw tracks data

  • load a complete T-pose rig (mesh and bones)
  • retrieve the animation track array from bones-only file

However shape key may not work if your meshes are completely different. They are tied to vertices structures. I’m not sure you can optimize this, depends how your meshes are done.

1 Like

The problem I have is if I export the animation model with the mesh, it balloons to 8.9MB in size. If I don’t export the mesh then the shape key animations don’t get exported from Blender.

I need a way to keep the shape key animations but without mesh if possible.

I would separate the meshes using shape keys (so maybe the heads are on another file) this way you can still optimize the non-keyshaped ones.

Unfortunately I’m quite new to Blender and I don’t quite understand the steps. Would you be able to take a look at this simple FBX file with the talking head and see if it’s possible with the method you mentioned?

I also don’t quite understand why when exporting this 3MB FBX file to GLB, the output file is 8.4MB.

Thank You!

Actor_Clip_3.fbx (2.8 MB)

Just checked the model.
If I understand well, the head never change. So imo you have two options.

1.create a single shape key animation track, including all animations after each other. This way you don’t need to duplicate it in multiple files. Then you split the animations using JS/three code instead.

2.Directly compose your animations using three internal shape key system.
Like this exemple : three.js examples
But this may be too tedious if you aim for complex expression.

I’m currently using the first method, but the problem I’m facing is when I export to GLTF via Blender, the final size is 8.4MB, which is pretty huge for just a half second animation.

I’m assuming it’s because the GLTF includes the mesh and everything else. I need the GLTF file size to be a few hundred KB at most, with just the animation. Is this possible?

You can use gltf compression tools (not sure you can reach such low size tho)
I know gltf packer support animations. Didn’t followed Draco updates, check just in case.

gltf packer
https://github.com/zeux/meshoptimizer/tree/master/gltf

Draco loader
https://github.com/google/draco

Alternatively is there some way I can manually extract the shape keys + animations and save it into a JSON file and import that into Three JS? This way I can bypass all the textures and meshes.

I just need the shape key + animations actually.

I also tried to disable every checkbox in Blender’s GLTF export settings apart from animations and shape keys and the final GLB file still contains the face mesh.

file.glb (3.9 MB)