AuroraCanvas — 跨平台生成艺术体验

Source: Dev.to

我构建的内容

AuroraCanvas 是一个视觉沉浸式的生成艺术游乐场，使用 Uno Platform 构建，并由 AI 辅助的颜色和粒子效果驱动。

主题： 宇宙 / 环境 / 流体视觉

• ✨ 动态 AI 生成的配色方案
• 🌌 触摸/鼠标响应的粒子流动
• 🎵 音频响应动画
• 💫 “惊喜我”模式：持续演化的场景

演示
Live Demo (WebAssembly): [Insert link]

截图 / GIF

• 🖥️ Windows：全屏粒子动画
• 📱 iOS / Android：触摸绘画模式
• 🌐 WASM：基于浏览器的体验

测试账户（如需登录）

• Email: test@demo.com
• Password: Demo123!

跨平台魔法

支持的平台

• iOS、Android
• Windows、macOS、Linux（Skia 后端）
• WebAssembly

单一代码库的优势

• 95 % 共享代码
• 基于 XAML 的 UI
• .NET 中的共享逻辑
• 仅少量平台特定的钩子（GPU、手势）

看到相同的闪烁艺术在移动端、桌面端和网页上完全一致运行——这就是 Uno Platform 的真正魔力。

交互功能

• 触摸 + 鼠标绘画： 使用闪烁、涟漪或爆炸粒子进行绘制
• AI 调色板生成器： 即时生成新配色方案
• 场景预设： 星云、极光、水彩、星雨
• 动画： SmoothSpring 过渡、视差层、GPU 着色器效果
• 可自定义控制： 笔刷大小、粒子行为、速度、重力场

每一次交互都令人满意且充满活力。

惊艳因素

• 实时生成的视觉效果栩栩如生
• AI 辅助的场景创建让每次会话都独一无二
• 所有平台上行为完全一致
• 零延迟动画，即使在 WebAssembly 中也流畅
• “活壁纸”模式用于环境艺术展示

封面图建议

• 主题： 极光 / 星云 / 粒子流动
• 文字覆盖： “AuroraCanvas — 生成艺术无处不在”
• 可选动画： 适用于社交帖的细微移动粒子 GIF

GIF 演示建议

每段 5–10 秒的屏幕录制，内容包括：

1. 使用粒子爆发进行触摸绘画
2. “惊喜我”模式生成新场景
3. 在桌面、移动端和浏览器之间切换

DEV 投稿的代码片段

共享 UI 示例 (XAML)

共享逻辑 (C#)

public void OnPointerMoved(object sender, PointerRoutedEventArgs e)
{
    // Handle pointer movement and emit particles
}

public void GenerateNewScene(object sender, RoutedEventArgs e)
{
    // Trigger AI‑generated palette and scene setup
}

跨平台说明：
GPU 效果在 Windows/macOS/Linux 上使用 SkiaSharp，在 WebAssembly 上使用 Canvas2D / WebGL。粒子引擎在移动端和桌面端保持完全相同，因为它基于共享的 .NET 逻辑。

GitHub 完整 README

AuroraCanvas 是一个使用 Uno Platform 构建的跨平台生成艺术游乐场。

• 触摸/鼠标响应的粒子绘画
• AI 生成的配色方案
• 实时动画
• “惊喜我”模式：持续演化的场景
• 平台：iOS、Android、Windows、macOS、Linux、WebAssembly

Web: [Insert link]
GitHub: [Insert repo link]

git clone https://github.com/yourusername/AuroraCanvas.git
cd AuroraCanvas

按照 Uno Platform 的说明为目标平台进行操作。

使用方法

1. 在任意受支持的平台上启动应用。
2. 触摸/点击画布绘制粒子。
3. 按下 Surprise Me 生成新场景。
4. 在设置中调整笔刷、粒子速度和颜色。

贡献

欢迎提交 PR 和 Issue！

许可证

MIT License