
html
文章平均质量分 51
小猴子编程
这个作者很懒,什么都没留下…
展开
-
vue 引入 360度图片旋转插件 SpriteSpin.js
最近又有一个需求就是给一组图片,然后让这组图片可以进行360度旋转,准确的说是绕Z轴旋转(Z轴向上)。虽然当初的需求是加载模型,然后让模型进行旋转,但是模型加载出来之后,three.js的材质效果不是很好,所有就改了方案,先把效果好的模型宣出图片,然后宣出足够的图片,然后进行旋转。这个效果自己也是可以写的,但是为了快,就在网上找了一个插件来快速实现。(spritespin官网)1.首先安装这个插件npm install spritespin2.按照官网提供的方法,把这个插件融入到vue中。可以原创 2021-03-17 15:21:12 · 2492 阅读 · 3 评论 -
three.js 切割模型动画,并且播放
因为公司没有人会用blender,所以动画都是用max做的,动画师一般都是会把多个动画做在一个模型上,然后程序中需要使用的话,调用指定的帧数。unity可以把动画切割成animationclip。最近公司使用了需要在three.js中添加一个模型,模型带了一段长动画,所以我这边就是需要把模型的指定帧数之间的动画切割出来。接下来演示部分:1.准备素材一段带动画的素材初始化,加入相机,灯光模型等元素function init() { var canHeight = window.原创 2020-12-07 22:46:54 · 3365 阅读 · 0 评论