three.js 精灵图标

精灵（Sprite）

1.精灵是一个总是面朝着摄像机的平面，通常含有使用一个半透明的纹理。

2.精灵默认也会被遮挡

3.随相机控制缩放。

4.精灵不会投射任何阴影，即使设置了castShadow = true也将不会有任何效果。

5.常用作图标、锚点

效果

代码

var spriteMap = new THREE.TextureLoader().load( "sprite.png" );
var spriteMaterial = new THREE.SpriteMaterial( { map: spriteMap, color: 0xffffff } );
var sprite = new THREE.Sprite( spriteMaterial );
sprite.scale.set(100,100,100);//设置大小
sprite.visible=true;//设置可见性，默认true
scene.add( sprite );