Threejs 粒子云切换效果，太酷了！

文章预览

本文我们来探讨Three.js中两个重要的概念：粒子和精灵，使用精灵Sprite，我们可以创建很多细小的有趣的场景，模拟雨滴雪花的效果；最后的实现效果，我们会将一组粒子渲染成几何体的样子，并且在几何体的形状之间进行来回切换，也就是我们说的粒子云切换效果，效果非常酷炫。 相信不少同学之前看到过腾讯互动娱乐案例，使用three.js的粒子进行切换，效果非常的震撼；本文我们就来看下这样的效果是如何实现的： 腾讯互动娱乐案例 最终我们实现这样一个切换的效果： 切换效果 ❝ 本文的最终实现效果可以点击访问 ❞ 在实现这个效果之前，我们还是老规矩，先来讲一下粒子的基础知识，只有把基础知识搞清楚了，我们才能够知道后面的粒子是如何来移动变换位置的；那么本文涉及到的three.js的基础知识主要就是两个： 精灵Sprite 粒子Points 精 ………………………………