基于Threejs可着色和旋转的3D模型动画特效，附学习源码

这是一款基于Threejs可着色和旋转的3D模型动画特效。 在该特效中，通过鼠标的拖动和滚动，可以旋转和缩放3D模型。 最大的特点是你可以对模型的各个部分进行自定义着色。

下面是该特效的一些屏幕截图效果。

通过对椅子各部位进行着色以后的效果如下：

按住鼠标，可以对其进行360度旋转。

最后，重点来了，此效果的源码查看地址：https://codepen.io/kylewetton/pen/jONpxpa

有兴趣的小伙伴可以去研究一下，个人觉得这个以后也会成为前端比较热门的一项技术。

当我们的硬件跟上来的时候，这些效果在网页上进行大量应用，应该也不会是什么问题。不过现阶段要在网页上应用这个效果，还是比较耗费CPU。