Three.js 中的动态骨骼动画

Question

是否可以通过使用three.js 对3D 模型的骨骼应用变换来创建动态动画？我尝试移动和旋转 SkinnedMesh 的骨骼，但网格没有更新。

        loader = new THREE.JSONLoader();
        loader.load('/JS-Projects/Virtual-Jonah/Modelos/initialPose.js',function jsonReady( geometry )
        {
            mesh = new THREE.SkinnedMesh( geometry, new THREE.MeshNormalMaterial({skinning : true}) );
            mesh.scale.set( 10, 10, 10 );
            mesh.position.z = mesh.position.y = mesh.position.x = 0;
            mesh.geometry.dynamic = true;
            scene.add( mesh );

            var index = 0;
            for (var i = 0; i < mesh.bones.length; i++)
            {
                if (mesh.bones[i].name == "forearm_R")
                {
                    index = i;
                    break;
                }
            }


            setInterval (function ()
            {
                mesh.bones[index].useQuaternion = false;
                mesh.bones[index].position.z += 10;     
                mesh.bones[index].matrixAutoUpdate = true;
                mesh.bones[index].matrixWorldNeedsUpdate = true;
                mesh.geometry.verticesNeedUpdate = true;
                mesh.geometry.normalsNeedUpdate = true;

                renderer.render(scene, camera);
            }, 33);

            renderer.render(scene, camera);
        });

我使用的模型是用 makeHuman（夜间构建）创建的，导出到 Collada，在 Blender 中导入并导出到 three.js JSON 模型。模型链接如下：

https://www.dropbox.com/sh/x1606vnaoghes1y/gG_BcZcEKd/initial

谢谢！

Answer 1

是的，你可以！ 您需要设置mesh.skeleton.bones[i]，mesh.skeleton.bones[i].rotation 和mesh.skeleton.bones[i].position。旋转类型为Euler。位置的类型为Vector3。实际上，我已经使用来自这里的代码 https://github.com/lucasdealmeidasm/three-mm3d 进行了测试（其中包括一个带有可连接骨骼对象的工作蒙皮网格），并且确实可以做到这一点。

请注意，Inateno 的回答是非常错误的，在很多情况下这是必要的。 例如，在 FPS 中，同时使用动态和非动态动画。 当一个角色奔跑并拿着枪时，他将枪指向的方向是动态设置的（可以使用 mesh.skeleton.bones[i].rotation 其中“i”是分配给手臂的骨骼索引）而动画的其余部分，包括行走，都是在编辑器中制作并加载的。可以在three.js 中使用“THREE.AnimationHandler.update(delta);”然后在代码中更改单个骨骼的位置和旋转来解决这些问题。

Answer 2

我知道你可以从 Blender 中以 JSON 格式导出骨骼驱动的动画，用于 THREE.js，网上有一些关于这方面的教程。我希望这有帮助。祝你好运。

Answer 3

如果我知道您想在代码中自己创建动画？ 请注意，您应该这样做，在 Unity 中您有一个简单的动画编辑器，您永远不会直接在代码中操作骨骼。

它很长，很无聊，表现不佳。要为模型设置动画，请直接使用动画。 这是带有一些骨骼操作的动画结果，但动画结束了。

http://threejs.org/examples/webgl_animation_skinning_morph.html

如果你需要，这里有一个关于制作简单动画的教程http://blog.romanliutikov.com/post/60461559240/rigging-and-skeletal-animation-in-three-js

这里有一篇关于动画问题的相关帖子，以防万一 Blender exports a three.js animation - bones rotate strangely

希望对你有帮助:)