33three.js用骨骼蒙皮创建动画

33three.js用骨骼蒙皮创建动画_第1张图片
用骨骼蒙皮创建动画.jpg

Three.js提供了带有蒙皮的网格对象THREE.SkinnedMesh。需要注意的是将材质的skinning属性设置为true,否则骨头不会运动的。
在练习书上的案例的时候遇到一些问题。

  1. tween.js问题,版本不对总是报错。网上下载的版本也搞错了一次。压缩版的好像有版本号,正常版的没有。
  2. SkinnedMesh由于习惯直接写成了Mesh,模型可以正常加载,但是 mesh.skeleton属性没有,所以没有动画,而且会报错。一直以为是加载顺序的问题。

mesh = new THREE.SkinnedMesh(geometry,material);

33three.js用骨骼蒙皮创建动画_第2张图片
skinnedmesh.gif



    
    骨骼蒙皮创建动画
    
    
    
    
    


你可能感兴趣的:(33three.js用骨骼蒙皮创建动画)