粒子文字生成器

生日祝福、表白、片头想要会发光的字?输入文字生成火焰字/星辰字粒子特效,导出 GIF/视频直接发 ✨ 全新升级

5 种粒子效果

粒子聚合、粒子飞散、火焰字、星辰字、烟雾字,覆盖主流文字特效场景

🎨

灵活参数调节

粒子大小、密度、速度、3 种配色模式(单色/渐变/彩虹)、4 种背景色、自定义渐变 3 色标

🎬

多格式导出

支持 WebM 视频、GIF 动图(循环播放)、PNG 截图三种导出格式,满足不同分享场景

什么是粒子文字生成器?

粒子文字生成器是一款将文字转换为粒子特效动画的免费在线工具。基于国产开源 Canvas 渲染引擎 LeaferJS 构建,支持粒子聚合、粒子飞散、火焰字、星辰字、烟雾字等 5 种主流文字特效, 可调节粒子大小、密度、速度、配色和背景色,支持多行文字和自定义渐变, 实时预览效果,一键导出 GIF 动图、WebM 视频或 PNG 截图。

5 种粒子效果详解

  • 粒子聚合:粒子从随机位置飞向目标字形,形成文字,适合开场动画
  • 粒子飞散:文字爆炸向四周飞散并淡出,循环播放,适合过渡效果
  • 火焰字:粒子在文字位置向上飘动,颜色从红到黄渐变,模拟燃烧效果
  • 星辰字:粒子在文字位置闪烁,透明度和大小周期变化,适合梦幻场景
  • 烟雾字:粒子从文字位置缓慢扩散,透明度降低,模拟烟雾消散效果

如何使用?

  1. 在顶部输入框输入文字(支持中英文,Enter 换行,最多 30 字符)
  2. 选择喜欢的粒子效果(5 种可选,或点击底部预设模板一键应用)
  3. 选择配色模式:单色(颜色选择器)、渐变(3 色标自定义)、彩虹(7 色循环)
  4. 选择背景色:黑色、深蓝、白色、透明
  5. 调节粒子大小、密度、速度参数
  6. 实时预览效果,满意后点击「GIF」或「WebM」导出动图/视频
  7. 或点击「PNG」保存当前画面静态图片

快捷键:空格 暂停/继续 · R 重播 · G 导出 GIF · W 导出 WebM · 1-5 切换效果

使用场景

  • 朋友圈文案动效:将普通文字变成炫酷粒子动画
  • 短视频片头:粒子文字片头,提升视频质感
  • 公众号封面动图:文字特效吸引点击
  • 生日祝福:输入「生日快乐」用火焰字特效,氛围感拉满
  • 品牌 LOGO 动画:企业名称粒子聚合效果,专业大气
  • 表白神器:输入情话用星辰字,唯美浪漫

技术特色

本工具采用 LeaferJS 场景图架构,通过节点复用机制高效管理上千粒子节点。 文字像素采样使用离屏 Canvas + getImageData API,按步长跳采控制粒子密度。 GIF 导出使用 gifenc 库 + 全局调色板优化(一次量化,所有帧复用),编码速度提升 3-5 倍。 WebM 导出使用浏览器原生 MediaRecorder API + canvas.captureStream,无需上传服务器。 火焰字效果采用预计算颜色表(101 级),避免每帧每粒子生成颜色字符串。 整个工具纯前端实现,零后端依赖,加载即可使用。

常见问题

GIF 和 WebM 有什么区别?

GIF 是动图格式,文件小、兼容性好,朋友圈/微博/小红书直接显示;WebM 是视频格式,画质更高、文件更小,适合短视频平台。

GIF 会循环播放吗?

会。导出的 GIF 设置了循环播放标记(repeat: 0),发到朋友圈、微博、小红书后会自动循环。

支持多行文字吗?

支持。在输入框中按 Enter 换行即可输入多行文字,字号会自动适配。例如输入「生日快乐」+换行+「心想事成」。

渐变配色可以自定义吗?

可以。选择"渐变"配色模式后,可设置 3 个色标(起始/中间/结束),粒子按 x 位置横向分配颜色。

粒子太多会卡吗?

本工具限制了最大粒子数 1500,超出时自动随机采样。同时采用节点复用机制,避免频繁创建/销毁节点。如在低端设备上卡顿,可降低密度或粒子大小。