扩散降噪重构：噪点逐渐清晰成 Logo

效果是什么样的

1. 从第一帧起，每个粒子都朝自己在 Logo 上的位置移动，但每一帧都会被随机噪声抖动。
2. 噪声开始时每个方向最多 24 像素，在一个周期里匀速减小到 0。
3. 噪声减弱的同时粒子归位得更快，所以接近结尾时图形会迅速变清晰。
4. 整体看起来像扩散模型一步步去噪生成图片的过程。

适合用在

• AI 产品和图片生成工具
• 生成、处理类任务的加载页
• 想要克制、偏技术感揭幕效果的品牌

默认设置

在你的网站上使用

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

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

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

// React (PixelLogoLoader.tsx)
<PixelLogoLoader variant="diffusion-denoise" />

// HTML (index.html)
const variant = 'diffusion-denoise';

分步教程： HTML · Vue 3 · React