写一个最新写法得threejs粒子火焰效果

Three.js创建粒子火焰效果通常涉及使用`THREE.Points`、`THREE.Geometry`和`THREE.ParticleSystem`等核心对象。以下是创建一个基本粒子火焰效果的一个示例：

// 引入所需的Three.js模块
import * as THREE from 'three';

// 初始化场景、相机和渲染器
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建几何体和粒子系统
const geometry = new THREE.Geometry();
const material = new THREE.PointsMaterial({
  color: 0xff0000, // 火焰颜色
  size: 10, // 颗粒大小
  blending: THREE.AdditiveBlending, // 使用叠加混合模式
});

for (let i = 0; i < 1000; i++) {
  const particle = new THREE.Vector3(
    Math.random() - 0.5,
    Math.random() - 0.5,
    Math.random() - 0.5
  ).normalize().multiplyScalar(100); // 随机生成位置
  geometry.vertices.push(particle);
}

const particlesystem = new THREE.Points(geometry, material);

scene.add(particlesystem);

// 更新动画循环
function animate() {
  requestAnimationFrame(animate);
  
  particlesystem.rotation.y += 0.01; // 指定粒子的旋转

  renderer.render(scene, camera);
}

animate();

这个例子创建了一个随机分布的点云，并通过改变`rotation`属性模拟火焰动态。你可以根据需要调整颜色、速度、大小等参数来定制火焰效果。