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 (0)