Three.js基础入门系列（七）

前面我们讲了Three.js的相机、插件、大小模型等

今天开始学习Three.js 的基本元素：精灵（Sprite）和 粒子（Points）

由于其内容本身比较多，所以先说一下精灵（Sprite）这一节

01

精灵（Sprite）

精灵(Sprite )属于Three.js中的物体，但是我们通过相机查看它时，始终看到的是它的正面，它总是朝向相机。

通过它的这种特性，我们可以实现广告牌的效果，或实现更多的比如雨雪、烟雾等更加绚丽的特效。

注意：人有正面、背面、侧面的，但是雨、雪、烟雾等物体是不分正面、背面、侧面的，它们只有一个面。

精灵（Sprite）由于一直正对着相机的特性，一般使用在模型的提示信息当中。通过THREE.Sprite创建生成，由于THREE.Sprite和THREE.Mesh都属于THREE.Object3D的子类，所以，我们操作模型网格的相关属性和方法大部分对于精灵都适用。

和精灵一起使用的还有一个THREE.SpriteMaterial对象，它是专门配合精灵的材质。注意：精灵没有阴影效果。

普通方式的精灵（Sprite）

案例截图：