关于Vue中使用three.js利用贝塞尔曲线让obj模型曲线运动
做的是logo跟球一样弹跳
导入obj模型的教程我也是借鉴别人的代码
@超链接 https://blog.****.net/qq_38008116/article/details/105098027
言归正传
在能在vue中成功加载模型后
就首先要创建第一条贝塞尔曲线
如果要创建多条
然后创建了多少条线 需要样条曲线均匀分割100分,返回51个顶点坐标
然后可以给线条增加材质 可以辅助看到运行轨迹
接着就是比较关键的步骤了 将刚刚上面每个贝塞尔曲线上面的点赋予给模型
最后声明了一个时钟 这么前面的准备工作就都做好啦
然后最后一步
在动画函数里面添加最后一句话 this.mixer.update(this.clock.getDelta());
模型就可以在贝塞尔曲线上运动了
第一次发文章 要是有什么不懂得可以私信我