DEV Community

s10olamide
s10olamide

Posted on

AuroraCanvas — A Cross-Platform Generative Art Experience

AI Challenge for Cross-Platform Apps - WOW Factor Submission

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
Special features:

✨ 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]
GitHub Repository: [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

2️⃣ 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

3️⃣ GIF Demo Suggestions

Screen recording of:

Touch painting with particle bursts

“Surprise Me” mode generating a new scene

Switching between desktop, mobile, and browser

Tip: Keep each GIF 5–10 seconds long to highlight interactivity.

4️⃣ Code Snippets for DEV Submission

Shared UI example (XAML):


PointerMoved="OnPointerMoved"/>

Shared Logic (C#):

public void OnPointerMoved(object sender, PointerRoutedEventArgs e)
{
var point = e.GetCurrentPoint(ParticleCanvas).Position;
ParticleEngine.SpawnParticle(point, currentPalette);
}

public void GenerateNewScene(object sender, RoutedEventArgs e)
{
currentPalette = AIPaletteGenerator.CreateRandomPalette();
ParticleEngine.ResetScene();
}

Cross-platform note:

GPU effects use SkiaSharp on Windows/macOS/Linux and Canvas2D / WebGL for WebAssembly.

Particle engine runs identically across mobile and desktop thanks to shared .NET logic.

5️⃣ Complete README for GitHub

AuroraCanvas 🌌

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

Features

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

Demo

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

Installation


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


Follow Uno Platform instructions for your target platform.

Usage

Launch app on any supported platform

Touch/click the canvas to draw particles

Press "Surprise Me" to generate a new scene

Adjust brush, particle speed, and colors in settings

Contributing

PRs and issues are welcome!

License

MIT License
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
sashakrsmanovic profile image
Sasha

You forgot links and snips!