量子凝聚态：粒子飞来聚成 Logo

效果是什么样的

1. 粒子一开始随机散落在整个画布上。
2. 每个粒子沿直线飞向自己在 Logo 上的位置，大约在一个周期的 80% 时一起到达。
3. 最后 20% 的时间里图形会轻微超出一点再回落，收尾带一点弹性。
4. 粒子越靠近目标越亮，Logo 成形后粒子大小还会轻微闪动。

适合用在

• 产品视频开头的 Logo 揭幕
• 以 Logo 收尾的加载页
• 希望 Logo 干净利落成形的首页首屏

默认设置

在你的网站上使用

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

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

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

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="condense" />

// HTML (index.html)
const variant = 'condense';

分步教程： HTML · Vue 3 · React