Creative App Patterns

# Creative App Patterns

Patterns fuer interaktive, kreative und begeisternde Applikationen — Micro-Interactions, Generative Design, Gamification und sensorisches Feedback.

## Inhalt

- **Spring Physics** — Natuerliche Animationen mit Federphysik
- **Easing Functions** — Bounce, Elastic, Back Easings
- **Particle System** — Confetti, Celebrations, UI-Effekte
- **Achievement System** — Tracking, Badges, Secret Achievements
- **XP & Leveling** — Progression, Rewards, Unlockables
- **Procedural Audio** — UI Sounds ohne Audio-Dateien (Web Audio API)
- **Export & Sharing** — PNG, GIF, Open Graph Share Cards

## Kreative Technologien

| Technologie | Typ | Ideal fuer |
|-------------|-----|------------|
| p5.js | Creative Coding | Generative Art |
| Three.js | 3D Graphics | Immersive Experiences |
| Framer Motion | Animation | UI Transitions |
| Tone.js | Audio | Musik-Apps |
| D3.js | Data Viz | Interaktive Charts |
| Canvas API | 2D Graphics | Drawing Apps |

## Quelle

:material-file-document: [`skills/creative-apps/creative-app-patterns.md`](https://github.com/atstaeff/ai-agents/blob/main/skills/creative-apps/creative-app-patterns.md)