threejs添加精灵图片
使用精灵图添加图片贴图
const sprite = new THREE.Sprite(
new THREE.SpriteMaterial({
map: new THREE.TextureLoader().load(
require(`@/assets/img.png}`)
), //设置精灵纹理贴图
transparent: true, //开启透明(纹理图片png有透明信息),
userData: el,
})
);
sprite.scale.set(3, 3, 3); //精灵大小
sprite.position.set(0, 0, 0);
scene.add(sprite);