纳米蜂群智能组装：四团粒子绕行后组成 Logo

效果是什么样的

1. 粒子被分成四组，每组聚在一个绕画布中心转动的点周围。
2. 四组之间相隔四分之一圈一起旋转，旋转半径随周期推进逐渐缩小。
3. 粒子按先慢、中间快、最后放缓的曲线离开所在的组，飞到自己在 Logo 上的位置。
4. 粒子落定时逐渐变亮。

适合用在

• 活泼、亲和的品牌
• 团队协作、社区类产品（很多部分组成一个整体）
• 希望动作更有机、时长较长的片头

默认设置

在你的网站上使用

1. 打开已选中「纳米蜂群智能组装」的工坊。
2. 上传你的 Logo（PNG、SVG、JPG 或 WebP），也可以直接拖到页面上，或按 Ctrl+V / ⌘+V 粘贴。
3. 调整粒子大小、形状和速度，然后点击导出代码。
4. 选择格式：HTML 文件免费；Vue 和 React 组件需要 Pro。

导出的代码里，用下面的写法选择这个效果：

<!-- Vue 3 (PixelLogoLoader.vue) -->
<PixelLogoLoader variant="swarm-assembly" />

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="swarm-assembly" />

// HTML (index.html)
const variant = 'swarm-assembly';

分步教程： HTML · Vue 3 · React