Exporting morph targets from Blender to Three.js

8
votes

This is an example of what I am trying to achieve: http://threejs.org/examples/#webgl_animation_skinning_morph

I am exporting a 3D model from Blender (v 2.73) to Three.js (r70), using the exporter from Three.js r69.

The model has a skeletal animation, and a number of Shape keys with different facial expressions (eyes open/closed, etc.).

Exporting the skeletal animation to Three.js works fine, but I'm at a loss as to how to export the morph targets correctly.

The exporter has a check box for 'Morph animation', but enabling it results in a very large file, where each frame of the timeline produces a morph target. (The timeline has the skeletal animation).

The json file for the knight model (http://threejs.org/examples/models/skinned/knight.js) has 4 morph targets, one for each facial expression. This is pretty much exactly what I want, but I have not been able to reproduce it.

Any tips on how to setup the blender file / blender to three.js workflow would be greatly appreciated.

2
three.jsblender
The animation logic of the new (r70) exporter is being reviewed. I suggest trying the older exporter (r69) and just see if that results in what you expected. If not it may be a setup issue in Blender, but for starters I want to see if it is (or isn't) an issue with the exporter. – repsac
I am already using the r69 exporter. I tried the r70 one at first, but I could not get the skeletal animation to work. I'm pretty sure it's a blender setup issue, but I'm not at all experienced with 3D software. – vorsk
OK, well as an FYI the skeletal animation logic has just been re-written for the upcoming r71. – repsac

2 Answers

2
votes

Just to close this topic:

After some trial and error, we ended up using one keyframe in Blender for each morph target (shape key) we wanted to export. The influence of the morph target was 1 (maximum) on that frame. So for 3 morph targets we had 4 frames (3 + default).

The skeletal animation did not have to be on the timeline for it be exported correctly.

This works with the r69 exporter, and we didn't try any of the newer versions.

1
votes

The COLLADA file format has a support for Shape-Keys (called morph keys there). If you have a full featured COLLADA-importer for your platform you should be able to import and use them without additional work.

You can proof this yourself by exporting you blender model with Shape-Keys to COLLADA-file and import that COLLADA-file back into blender. All Shape-Keys and weights are still there :)