three.js能否实现类似Playcanvas的动画层骨骼遮罩效果？

three.js 原生支持和你提到的骨骼遮罩分层动画完全一致的效果，不需要依赖第三方扩展库。

• 核心实现依托内置的AnimationMixer动画混合系统的多图层能力，配合AnimationAction的骨骼权重控制接口，就能实现指定动画仅影响部分骨骼、其余骨骼不受该层动画干扰的遮罩效果。
• 常规实现流程：
  1. 给目标模型初始化一个AnimationMixer实例，加载你需要叠加的多份动画片段，分别生成对应的AnimationAction实例，比如下半身行走动画、上半身挥手动画两个独立动作。
  2. 对需要做遮罩限制的动画动作，调用setEffectiveWeightFromBones()方法，传入允许该动画影响的骨骼节点数组，不在数组内的骨骼会被这层动画完全忽略。
  3. 分别给不同层的动画设置播放权重、循环规则、播放速率，就能实现多动画分层叠加的效果，常见的边移动边做上半身交互动作、上下半身独立播放不同动画的需求，都可以用这套方案实现。

小提示：r128之前的旧版本three.js没有封装现成的骨骼遮罩接口，需要手动控制对应骨骼的矩阵更新逻辑、手写权重混合代码，建议使用新版本直接调用原生API即可，开发成本很低。

内容的提问来源于stack exchange，提问作者Indra p sukarmadji