How to get mesh animations in webgl w/ three js and blender.

download the sample files.

open Assets/Scene/0/sceneAnimation.blend or create your own animation with armatures/mesh ect.

get animation how you want, then save as sceneBaked.blend or a separate file, to bake the animation and remove all the IK constraints.

now that you have a different file, go into pose mode on the armature(select the armature and press ctrl tab), select all the bones, (press a to select all).

go to pose/animation/bake action

make sure “clear constraints” is marked (very important)

save as again. this is the last “save as”.

i save my final import file to scene.blend

clear the parent on the mesh by pressing alt-p and also clear armature modifier in the modifier panel

so the mesh should look like a base mesh, not deformed at all:

select any object in the scene and go to file/export/three.js

make sure “skeletal animation“ is checked

press export. it should create a .js file the same name as your blender file.

open simple.html

change the loader file path to wherever your exported javascript file is

"loader.load( "Assets/Scenes/0/scene.js”, function (geometry){})"

see also.

see also also.