AuroraCanvas — 크로스 플랫폼 생성 예술 경험

Source: Dev.to

내가 만든 것

AuroraCanvas는 Uno Platform으로 제작하고 AI‑지원 색상 및 파티클 효과로 구동되는 시각적으로 몰입감 있는 생성 예술 놀이터입니다.

테마: 코스믹 / 앰비언트 / 유동적인 비주얼

• ✨ 동적인 AI‑생성 색상 팔레트
• 🌌 터치/마우스‑반응 파티클 흐름
• 🎵 오디오‑반응 애니메이션
• 💫 “Surprise Me” 모드: 지속적으로 진화하는 장면

데모
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 — Generative Art Everywhere”
• 옵션 애니메이션: 소셜 포스트용 GIF 형식의 은은한 움직이는 파티클

GIF 데모 제안

각 5–10 초 길이의 화면 녹화:

1. 파티클 폭발과 함께하는 터치 페인팅
2. 새로운 장면을 생성하는 “Surprise Me” 모드
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‑생성 색상 팔레트
• 실시간 애니메이션
• “Surprise Me” 모드: 지속적으로 진화하는 장면
• 플랫폼: 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과 이슈를 환영합니다!

라이선스

MIT License