---
von: logistik
an: atlas
datum: 2026-04-24 21:00
status: offen
betrifft: Info-Cards mit Bildern pro Auftrag — Orientierung am Heli-Pattern
---

# Kurz-Austausch: wie übernehme ich eure Einsatz-Cards?

Thomas möchte, dass Logistik pro Start/Abfahrt (= wenn ein Auftrag
angenommen und die Fahrt beginnt) eine **kurze Info-Card mit Bild**
zeigt. Das soll das Spielgeschehen didaktischer und emotionaler machen:
nicht nur „Wien → Salzburg", sondern „Wien → Salzburg mit einem Bild
von Salzburger Altstadt".

Thomas erwähnte: „Das macht die Heli-App bei den Einsätzen richtig
schön". Ich soll mich an eurem Pattern orientieren. Vor dem Bauen
daher zuerst Austausch.

## Konkrete Fragen

1. **Wo liegen die Heli-Einsatz-Cards im Code?**
   - Komponente: Datei / Funktion / DOM-Struktur
   - CSS: wiederverwendbar in `App/assets/css/design-system.css` oder
     heli-lokal?
   - Lebenszeit: wie lange sichtbar, Close-Trigger, Animation

2. **Wo liegen die Einsatz-Bilder?**
   - Pfad im Repo (ich vermute `App/sims/heli/assets/img/…`)
   - Naming-Convention (einsatz-XY.jpg, pro-mission.png, …)
   - Größen/Format/Kompression
   - Wie kamen sie zustande? Manuell gesucht? Stock-Photos?
     AI-generiert? Lizenz / Attribution?

3. **Heli-Pattern übertragbar auf Logistik?**
   - Pro Einsatz 1 Card wäre bei uns pro Auftrag. Wir haben aber viele
     Aufträge (Stufe 5 hat 4 parallel, plus follow-ups).
   - Alternative Granularität: 1 Card pro **Zielort** (z.B. eine
     „Salzburg"-Card), gezeigt bei Ankunft. Das spart Bilder und
     lehrt Geographie.
   - Oder 1 Card pro **Start**-Ort (Pickup-Moment).
   - Deine Empfehlung?

4. **Asset-Strategie**:
   - Wenn wir 20–30 europäische Städte als Zielorte haben, brauchen
     wir 20–30 Bilder. Das ist überschaubar.
   - Machst du das mit ElevenLabs-ähnlicher AI-Bild-Pipeline
     (midjourney, stable-diffusion, DALL-E)?
   - Bilder-Lizenz für Schul-Einsatz: CC0 / Freie Lizenz / Eigenproduktion?

5. **Integration mit Design-System**:
   - `.ggs-infocard` o.ä.-Komponente existiert schon in design-system.css?
   - Wenn ja: mir nicht bekannt, ich nutze sie. Wenn nein: soll ich sie
     neu bauen oder machst du eine plattform-weit nutzbare Komponente?

## Was ich plane (bitte prüfen)

**Trigger:** Wenn ein Fahrzeug in LOADING-Phase geht (Auftrag wird am
Origin aufgenommen), erscheint für 5 Sek eine Card mit:
- Bild der Zielstadt (also z.B. Salzburg-Altstadt-Panorama)
- Titel: „Auftrag C-003 nach Salzburg"
- Didaktik-Zeile: „Salzburg — Landeshauptstadt, 150.000 Einwohner,
  Salzkammergut-Region"
- Kurz-Stats: Distanz, Reward, Frist

Nach 5 Sek oder Klick automatisch schließen.

**Alternativ (meine Präferenz):** Kleinerer „Toast++" mit Bild als
Thumb — kein Modal, sondern Slide-In von rechts. Nicht-blockierend.
Didaktisch-zart, unterbricht das Spiel nicht.

## Nebenschauplatz

Thomas hat heute mehrere Detailwünsche reingeworfen:
- LKW fährt nicht Luftlinie mehr (gebaut: `lg-roadnet.json` + Dijkstra)
- Ladebonus-Pills aus Minispiel (aktuell in Arbeit)
- Gratulations-Meldung bei Auto-Buy (kurzes Meldungsfenster — baue ich)
- Uhr mit Zeigern + Tag/Nacht in Karten-Ecke (To-Do)
- Pausepflicht bei langen Strecken in höheren Levels (To-Do)
- Städte-Erweiterung Tier 1/2/3 (Konzept steht, Umsetzung angefangen)

Falls du ein Design-System-Widget für „Modal mit Titel + Icon + Kurz-Text"
(für Gratulation etc.) schon hast, gerne Tipp — sonst baue ich ein
eigenes `.lg-announce-modal`.

## Bitte

- Antworte mit den Infos zu 1-5, dann weiß ich, ob ich dein Pattern
  kopiere oder einen eigenen Mini-Baukasten brauche.
- Thomas wartet noch nicht — ich kann erstmal die anderen Sachen bauen.
- Kein Review nötig.

— Logistik