Threejs使用精灵Sprite作为标签，鼠标悬浮精灵上时鼠变小手

// 创建精灵函数，传入父对象
function createLableSprite_jcy(group) {
  var spriteMaterial = new THREE.SpriteMaterial({
    map: new THREE.TextureLoader().load("jingling.png"), //设置精灵纹理贴图
    transparent: true, //开启透明(纹理图片png有透明信息)
  });
  // 创建精灵模型对象，不需要几何体geometry参数
  var sprite = new THREE.Sprite(spriteMaterial);
  sprite.scale.set(3, 3, 3); //精灵大小
  // 把精灵模型插入到模型对象的父对象下面
  group.add(sprite);
  // 父对象group位置变化,网格模型及其对象的标签同样发生变化
  group.position.set(group.position.x, group.position.y, group.position.z);
  // 表示标签信息的精灵模型对象相对父对象设置一定的偏移
  sprite.translateY(600);
  mesh.push(sprite);
  return group;
}

document.addEventListener('mousemove', onDocumentMouseMove, false);
function onDocumentMouseMove(event) {
  // 点击屏幕创建一个向量
  var vector = new THREE.Vector3((event.clientX / window.innerWidth) * 2 - 1, -(event.clientY / window
    .innerHeight) * 2 + 1, 0.5);
  vector = vector.unproject(camera); // 将屏幕的坐标转换成三维场景中的坐标
  var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize());
    // 计算射线和参数[meth]中的模型对象是否相交，参数数组中可以设置多个模型模型对象
  var intersects = raycaster.intersectObjects([meth], true);
  if (intersects.length > 0) {// 判断参数[boxMesh]中模型对象是否与射线相交
    intersects.forEach(function(e) {
      var obj = e.object;
            // 判断相交的是否是精灵对象并且是对应标签的名称，如果是鼠标变小手
      if (obj instanceof THREE.Sprite && obj.name.indexOf("shexiangtou") > -1) {
        document.body.style.cursor = "pointer";
      }
    })
  }
  else {
    document.body.style.cursor = "default";
  }
}