Interactive Cards: Viewer-aktivierte Aktionen mit Rarity-System #52

New issue

Open

opened 2026-07-15 19:28:47 +02:00 by frank · 0 comments

frank commented

2026-07-15 19:28:47 +02:00

Owner

Kontext

Streamloots und ähnliche Plattformen bieten interaktive "Cards" oder "Packs", die Viewer während des Streams kaufen und einsetzen können. Jede Karte hat einen bestimmten Effekt (z. B. "Song wünschen", "Sound abspielen", "Scene wechseln", "Nachricht vorlesen").

Im Gegensatz zu einfachen Donations oder Channel Points sind Cards:

Rarity-basiert: Common, Rare, Epic, Legendary — unterschiedliche Effekte und Preise
Cooldown-gesteuert: Pro Viewer, pro Card-Typ, global
Kombinierbar: Viewer können mehrere Cards gleichzeitig einsetzen
Visuell: Cards haben eigene Grafiken, Animationen, Sounds

Streamertool hat Donations (#30), Channel Points (#49), SFX (#40) und TTS (#50) — aber kein interaktives Card-System.

Ziel

Ein Interactive Cards System für Viewer-Aktionen:

1. Card-Typen

Sound Card: Spielt bestimmten Sound ab (aus #40-Bibliothek)
TTS Card: Sagt Nachricht per TTS (#50)
Scene Card: Wechselt OBS-Szene (via #2)
Alert Card: Löst benutzerdefinierten Alert aus
Emote Card: Zeigt Emote-Shower im Overlay (Kappagen, #41)
Song Request Card: Fügt Song zur Queue (#37)
Custom Card: Beliebiges HTML/JS/CSS-Widget (#38)

2. Rarity-System

Common: Einfache Effekte (Sound, Emote)
Rare: Stärkere Effekte (TTS, Song Request)
Epic: Scene-Wechsel, benutzerdefinierte Aktionen
Legendary: Kombi-Effekte, langanhaltende Aktionen
Wahrscheinlichkeiten und Preise konfigurierbar

3. Card-Shop

Viewer kaufen Cards mit Channel Points (#49) oder echtem Geld (#30)
Card-Packs (zufällige Cards) oder Einzelkauf
Limitierte Editionen (Nur während des Streams)
Admin-UI: Cards erstellen, Preise setzen, Raritäten, Cooldowns

4. Overlay & Visuals

Card Draw Overlay: Ziehen einer neuen Card (mit Animation)
Card Play Overlay: Card-Effekt wird visualisiert
Card Inventory: Viewer können ihre Cards im Chat einsehen (!cards)
Card Shop Overlay: Shop-Ansicht im Stream

5. Integrationen

Alert-System (#24): Card-Aktionen lösen Alerts aus
Chatbot (#32): !card, !inventory, !shop Commands
Loyalty (#33): Cards als Belohnung für hohe Level
Donation (#30): Cards direkt kaufen

Technische Leitplanken

Cards als Datenmodell in SQLite (#13)
Event-Bus Events: card.* (card.purchased, card.played, card.combo)
Overlay auf HTML-Canvas für Card-Animationen

Akzeptanz

Mindestens 5 Card-Typen sind verfügbar
Rarity-System mit 4 Stufen funktioniert
Cards können mit Channel Points gekauft werden
Card-Effekte werden im Stream ausgeführt
Card-Shop-Overlay funktioniert
Admin-UI erlaubt Card-Erstellung und Preis-Konfiguration

## Kontext Streamloots und ähnliche Plattformen bieten interaktive "Cards" oder "Packs", die Viewer während des Streams kaufen und einsetzen können. Jede Karte hat einen bestimmten Effekt (z. B. "Song wünschen", "Sound abspielen", "Scene wechseln", "Nachricht vorlesen"). Im Gegensatz zu einfachen Donations oder Channel Points sind Cards: - **Rarity-basiert**: Common, Rare, Epic, Legendary — unterschiedliche Effekte und Preise - **Cooldown-gesteuert**: Pro Viewer, pro Card-Typ, global - **Kombinierbar**: Viewer können mehrere Cards gleichzeitig einsetzen - **Visuell**: Cards haben eigene Grafiken, Animationen, Sounds Streamertool hat Donations (#30), Channel Points (#49), SFX (#40) und TTS (#50) — aber kein interaktives Card-System. ## Ziel Ein **Interactive Cards System** für Viewer-Aktionen: ### 1. Card-Typen - **Sound Card**: Spielt bestimmten Sound ab (aus #40-Bibliothek) - **TTS Card**: Sagt Nachricht per TTS (#50) - **Scene Card**: Wechselt OBS-Szene (via #2) - **Alert Card**: Löst benutzerdefinierten Alert aus - **Emote Card**: Zeigt Emote-Shower im Overlay (Kappagen, #41) - **Song Request Card**: Fügt Song zur Queue (#37) - **Custom Card**: Beliebiges HTML/JS/CSS-Widget (#38) ### 2. Rarity-System - **Common**: Einfache Effekte (Sound, Emote) - **Rare**: Stärkere Effekte (TTS, Song Request) - **Epic**: Scene-Wechsel, benutzerdefinierte Aktionen - **Legendary**: Kombi-Effekte, langanhaltende Aktionen - Wahrscheinlichkeiten und Preise konfigurierbar ### 3. Card-Shop - Viewer kaufen Cards mit Channel Points (#49) oder echtem Geld (#30) - Card-Packs (zufällige Cards) oder Einzelkauf - Limitierte Editionen (Nur während des Streams) - **Admin-UI**: Cards erstellen, Preise setzen, Raritäten, Cooldowns ### 4. Overlay & Visuals - **Card Draw Overlay**: Ziehen einer neuen Card (mit Animation) - **Card Play Overlay**: Card-Effekt wird visualisiert - **Card Inventory**: Viewer können ihre Cards im Chat einsehen (!cards) - **Card Shop Overlay**: Shop-Ansicht im Stream ### 5. Integrationen - **Alert-System (#24)**: Card-Aktionen lösen Alerts aus - **Chatbot (#32)**: !card, !inventory, !shop Commands - **Loyalty (#33)**: Cards als Belohnung für hohe Level - **Donation (#30)**: Cards direkt kaufen ## Technische Leitplanken - Cards als Datenmodell in SQLite (#13) - Event-Bus Events: `card.*` (card.purchased, card.played, card.combo) - Overlay auf HTML-Canvas für Card-Animationen ## Akzeptanz - [ ] Mindestens 5 Card-Typen sind verfügbar - [ ] Rarity-System mit 4 Stufen funktioniert - [ ] Cards können mit Channel Points gekauft werden - [ ] Card-Effekte werden im Stream ausgeführt - [ ] Card-Shop-Overlay funktioniert - [ ] Admin-UI erlaubt Card-Erstellung und Preis-Konfiguration

frank referenced this issue

2026-07-15 19:28:48 +02:00

Voice Changer: Echtzeit-Stimmverzerrung und Effekte #53

frank added the

area:monetization

effort:large

priority:medium

labels

2026-07-15 19:55:25 +02:00

frank added this to the Stream Planning & Management milestone

2026-07-15 21:08:24 +02:00