莫比乌斯拓扑光流：光脉冲绕着 Logo 流动

效果是什么样的

1. 粒子从随机位置出发，在整个周期里匀速移向自己在 Logo 上的位置。
2. 点阵按照绕中心的角度排序，一道脉冲沿着这个顺序传播，所以亮光会绕着 Logo 转圈。
3. 脉冲经过时会把粒子沿中心方向轻轻推出、拉回。Logo 成形时起伏缩小到原来的三分之一左右，轮廓保留轻微的流动感。
4. 处在脉冲里的粒子比其他粒子更亮。

适合用在

• 轮廓清晰或带圆环的 Logo
• 需要 Logo 持续动起来的循环背景
• 想要脉冲感的科技、能源、音频类品牌

默认设置

在你的网站上使用

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

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

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

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="mobius-flow" />

// HTML (index.html)
const variant = 'mobius-flow';

分步教程： HTML · Vue 3 · React