threejs混合材质+动画

原创 缪缪 随笔 THREE 148阅读 2019-04-07 17:55:30 举报

把工作里遇到的一些有意思的例子记录一下吧~
这次的示例是,用多种材质加载模型,并且同步模型动画,先放示例图
horse.png

这是使用官方示例中的horse模型,在原有模型材质上,加了一层wireframe:true的meshBasicMaterial,材质渲染其实很简单,难点在于新的材质渲染的mesh的动画,做的时候设想了几种方法:

  1. 对材质进行调整:模型重新输出 或者 使用联合材质(createMultiMaterialObject)
  2. 对mesh进行设置:想办法使两个mesh重合并且动画一致
  3. 对动画进行设置

最终采用的方案是第3种,采用了AnimationObjectGroup,一组对象接收共享的动画状态,参考链接https://blog.csdn.net/u013270347/article/details/81178737

核心代码如下:

具体代码详见:https://github.com/ysrdear/threejs-demos/tree/master/multi-model

小伙伴们有更好的方案一起来讨论呀~

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复