星系引力坍缩：粒子旋转收拢成 Logo

效果是什么样的

1. 粒子一开始分布在外圈的螺旋上：每个粒子相对最终位置最多偏转两圈多，并向外推出约三分之二个画布的距离。
2. 播放时螺旋一边旋转一边收紧，把粒子往中心带。
3. 每个粒子从螺旋上的位置逐渐过渡到 Logo 上的位置，周期结束时图形锁定。
4. 粒子在到达过程中从约 30% 的亮度渐变到完全不透明。

适合用在

• 圆形或对称的 Logo
• 需要强烈登场感的太空、游戏、加密类片头
• 希望把视线拉向中心的短启动页

默认设置

在你的网站上使用

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

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

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

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

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

分步教程： HTML · Vue 3 · React