SuperAPI AI 工具集

particles-gpu

写作与研究

查看项目

更新于 10-15 17:24

技能介绍

用途:在 Web 端高效渲染大量粒子,适用于星空、星系、发光点云、几何体粒子等视觉效果。

主要能力:提供三种渲染路径——Points(约 1 万至 50 万,最简单)、InstancedMesh(约 1 千至 10 万,用于 3D 几何体粒子)、自定义着色器(约 10 万至 1000 万,控制力最强)。支持通过缓冲属性添加每粒子颜色、大小、透明度、速度等数据;支持着色器内动画(顶点着色器中基于 uTime 振荡、速度位移、边界环绕)以及 CPU 端动态更新位置;提供球形均匀分布、星系螺旋、网格分布等位置生成模式。

使用方式:基于 Three.js 与 React Three Fiber。基础用法为构造 Float32Array 位置数组,写入 bufferGeometry 的 bufferAttribute(attach="attributes-position",itemSize=3),配合 pointsMaterial 使用;自定义着色器时通过 shaderMaterial 传入顶点/片元着色器与 uniforms,并在 useFrame 中更新 uTime。

性能建议:简单粒子优先用 Points 而非 InstancedMesh;大规模动画优先放在着色器中而非 CPU;关闭 depthWrite、使用加色混合、使用 Float32Array。

限制:资料未提供具体安装命令、依赖版本、收费或授权信息;示例缺少部分 JSX 细节,需结合 Three.js 与 R3F 自行补全。