AuroraCanvas — A Cross-Platform Generative Art Experience

Source: Dev.to

What I Built

AuroraCanvas is a visually immersive generative art playground built with Uno Platform and powered by AI‑assisted color and particle effects.

Theme: Cosmic / Ambient / Fluid Visuals

• ✨ Dynamic AI‑generated color palettes
• 🌌 Touch/mouse‑responsive particle flows
• 🎵 Audio‑reactive animations
• 💫 “Surprise Me” mode: continuously evolving scenes

Demo
Live Demo (WebAssembly): [Insert link]

Screenshots / GIFs

• 🖥️ Windows: Full‑screen particle animations
• 📱 iOS / Android: Touch painting mode
• 🌐 WASM: Browser‑based experience

Test Account (if login required)

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

Cross‑Platform Magic

Platforms supported

• iOS, Android
• Windows, macOS, Linux (Skia backend)
• WebAssembly

Single codebase benefits

• 95 % shared code
• XAML‑based UI
• Shared logic in .NET
• Only small platform‑specific hooks (GPU, gestures)

Seeing the same shimmering art run identically on mobile, desktop, and web—that’s the true magic of Uno Platform.

Interactive Features

• Touch + Mouse Painting: Draw with shimmering, ripple, or exploding particles
• AI Palette Generator: Instantly generates new color schemes
• Scene Presets: Nebula, Aurora, Watercolor, Starfall
• Animations: SmoothSpring transitions, parallax layers, GPU shader effects
• Customizable Controls: Brush size, particle behavior, speed, gravity fields

Every interaction feels satisfying and alive.

The Wow Factor

• Real‑time generative visuals that feel alive
• AI‑assisted scene creation makes every session unique
• Identical behavior across all platforms
• Zero‑lag animations, even in WebAssembly
• “Living wallpaper” mode for ambient art displays

Cover Image Suggestion

• Theme: Aurora / Nebula / Particle Flow
• Text overlay: “AuroraCanvas — Generative Art Everywhere”
• Optional animation: Subtle moving particles in GIF format for social posts

GIF Demo Suggestions

Screen recordings (5–10 seconds each) of:

1. Touch painting with particle bursts
2. “Surprise Me” mode generating a new scene
3. Switching between desktop, mobile, and browser

Code Snippets for DEV Submission

Shared UI example (XAML)

Shared Logic (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
}

Cross‑platform note:
GPU effects use SkiaSharp on Windows/macOS/Linux and Canvas2D / WebGL for WebAssembly. The particle engine runs identically across mobile and desktop thanks to shared .NET logic.

Complete README for GitHub

AuroraCanvas is a cross‑platform generative art playground built with Uno Platform.

• Touch/mouse‑responsive particle painting
• AI‑generated color palettes
• Real‑time animations
• “Surprise Me” mode: continuously evolving scenes
• Platforms: iOS, Android, Windows, macOS, Linux, WebAssembly

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

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

Follow Uno Platform instructions for your target platform.

Usage

1. Launch the app on any supported platform.
2. Touch/click the canvas to draw particles.
3. Press Surprise Me to generate a new scene.
4. Adjust brush, particle speed, and colors in settings.

Contributing

PRs and issues are welcome!

License

MIT License