把任意 Logo 变成粒子动画
上传 PNG、SVG、JPG 或 WebP 格式的 Logo,用 9 种粒子效果让它动起来。可导出视频、GIF,或零依赖的 HTML、Vue、React 组件。
9 大天体与量子物理场
涵盖开普勒引力坍缩、莫比乌斯拓扑流、扩散退火降噪与克拉尼声学驻波。
步长 3 高密点云满帧
单舞台专注渲染架构 + 零代理浅层粒子池,数千微粒同屏推演丝滑无卡顿。
像素级原生真彩继承
智能识别 Alpha 透明通道与明暗底色,忠实还原品牌原图 RGB 与纯钛镀铬光泽。
零依赖一键生产交付
即时编译导出独立运行的 Vue 3、React (.tsx)、HTML5 单文件及点云 JSON。
九大天体与量子动力学方程
点击任意物理定律卡片,将立即进入「单核量子工坊」并载入该动力学模型。
量子凝聚态
散落在画面各处的粒子直线飞向 Logo,最后轻轻回弹一下定型。
散布于虚空的微观微粒受中心强力引力井吸附,在阻尼弹簧衰减中精准结晶为纯粹镀铬图腾。
莫比乌斯拓扑光流
粒子向 Logo 聚拢,同时一道道亮光脉冲绕着图形转,轮廓边成形边起伏。
液态水银微粒沿闭合轮廓往复奔涌,伴随波峰高频脉冲,如超导回路电荷传输。
星系引力坍缩
粒子先在外圈旋转成螺旋,一边转一边向内收紧,最后落定成 Logo。
微粒以旋转吸积盘面为初始状态,产生巨大角动量向中心黑洞奇点螺旋坍缩,峰值时瞬间回弹锁定。
全息光栅断层扫描
一道光带从上往下扫过画面,扫过的粒子立刻归位,Logo 一行一行出现。
极窄亮银激光线自上而下扫掠,扫过之处逐行唤醒暗区微粒,微粒以精密点阵原位嵌合。
扩散降噪重构
Logo 先是一团剧烈抖动的噪点,抖动逐渐减弱后变清晰,类似 AI 生图的去噪过程。
忠实映射扩散模型去噪原理。初始阶段微粒处于高振幅高斯抖动,随着步数深入振幅指数级平抑。
超导磁通涟漪
粒子向 Logo 聚拢,同时一圈亮环从中心向外扩散,经过的粒子会被推开并变亮。
以几何图形中枢为原点,以圆同心正弦磁通波一波波向外冲击激发。微粒随高频磁力波产生径向受激振荡。
纳米蜂群智能组装
粒子先聚成四团绕着中心旋转,再从团里分流出来,落到 Logo 上。
模拟 Boids 群集动力学,微粒分批从四面八方像冷银燕群一般弧线回旋穿梭,互相避障并自组织向路径汇聚。
引力弹弓时间逆流
粒子先聚成一个比 Logo 大一圈、向外撑开的轮廓,再猛地收回原位,抖动几下才停住。
反向物理视觉震撼:粒子先如流星雨般向四方高速离心发散,进度达到临界点时空间曲率瞬间逆向拉伸猛烈回弹!
克拉尼声波共振
粒子按网格状的振动纹理抖动,有的地方抖得厉害、有的几乎不动,抖动消失后停在 Logo 上。
克拉尼金属板驻波原理。粒子在高频谐振中无规则散跳,随着扫频对齐,粒子在 Logo 的声学“静止节线”上整齐排列。
从光栅图像到零依赖生产代码
无需引入任何重型三维库,纯原生 Canvas 2D 高速批处理管线,轻松嵌入网站首屏 Loading、品牌揭幕与 AI 生成状态反馈。
离屏光栅采样与色彩拓扑解算
将任意上传的 PNG / SVG / JPG 投射至离屏画布,自动分析四角亮度与透明通道,按步长 3-12 提取亚像素抖动二维点阵与原生 RGB 向量。
单核九维物理场实时动力学积分
以中心辐射角排序赋予点云相干性,在单画布中执行二阶弹簧阻尼、Boids 集群自组织或引力弹弓时间逆流演算,支持光标引力透镜与点击冲击波交互。
跨框架零依赖组件编译与交付
将当前调优完成的点云坐标、色彩配置与物理参数直接内联编译为标准 Vue 3、React Hooks 或原生 HTML5 代码,复制即用,运行时零图像解析开销。
常见问题
Particle Logo 是什么?
Particle Logo 是一个在浏览器里使用的工具,可以把 Logo 或图片变成粒子动画。上传 PNG、SVG、JPG 或 WebP 文件后,它会把图形采样成点阵,再用 9 种效果之一让粒子组成你的 Logo。做好后可以导出视频、GIF 或代码。
可以导出哪些格式?
视频(MP4 或 WebM,取决于浏览器)、GIF、单个 HTML 文件、Vue 3 单文件组件(PixelLogoLoader.vue)、React 组件(PixelLogoLoader.tsx)、Framer 和 Webflow 用的嵌入代码,以及采样得到的点阵 JSON。HTML 文件免费版就能导出;Vue、React、嵌入代码和 JSON 需要 Pro。
导出的组件需要 Three.js 之类的库吗?
不需要。组件用浏览器自带的 Canvas 2D 接口在一个画布上绘制,运行时没有任何依赖。采样好的点阵(最多 1600 个点)直接写在文件里,动画运行时不会再下载任何东西。
我的 Logo 会被上传到服务器吗?
不会。采样和渲染都在你的浏览器里完成,图片不会发到我们的服务器。只有登录、同步会员状态和付款时才会发出网络请求。
怎么收费?
免费版可以预览全部 9 种效果,导出带 particlelogo.com 小水印的视频和 GIF,并复制 HTML 文件。Pro 每月 6.99 美元,或一次性 34.99 美元终身使用;Pro 去掉水印,并提供 4K 视频、透明背景、Vue / React / 嵌入代码 / JSON 导出和商用授权。
能用自己的代码控制动画吗?
可以。Vue 和 React 组件支持 variant、duration、colors、particleSize、particleShape、speedMultiplier、interactive 等参数。传入 0 到 100 的 progress 值,就能自己控制动画进度,比如跟页面的加载进度同步。