这是一款基于Threejs可着色和旋转的3D模型动画特效。在该特效中,通过鼠标的拖动和滚动,可以旋转和缩放3D模型。最大的特点是你可以对模型的各个部分进行自定义着色。
下面是该特效的一些屏幕截图效果。
通过对椅子各部位进行着色以后的效果如下:
按住鼠标,可以对其进行360度旋转。
最后,重点来了,此效果的源码查看地址:https://codepen.io/kylewetton/pen/jONpxpa
有兴趣的小伙伴可以去研究一下,个人觉得这个以后也会成为前端比较热门的一项技术。
当我们的硬件跟上来的时候,这些效果在网页上进行大量应用,应该也不会是什么问题。不过现阶段要在网页上应用这个效果,还是比较耗费CPU。