Was braucht ein Erfolgssystem von seinen Abzeichen?
Mehr als ein Bild pro Erfolg. Spieler sehen ein Abzeichen, bevor sie es erreichen (gesperrt), manchmal ohne zu wissen, worum es geht (verborgen), und oft in Stufen (Bronze, Silber, Gold). Außerdem will jede Plattform ihre eigene Größe und ihr eigenes Format. Jeden Zustand von Hand zu zeichnen, verfünffacht die Arbeit. Der Abzeichen-Generator zeichnet jeden Erfolg einmal und macht die anderen Zustände aus dieser Zeichnung.
Unser Beispiel-Set für einen Lauftreff: neun Abzeichen aus einer Liste, erreicht (oben) und gesperrt (unten). Die gesperrten Versionen entstanden aus denselben Zeichnungen und wurden nicht neu gezeichnet.
Wie erstelle ich ein Abzeichen-Set?
Öffne den KI-Logo-Generator und wähle Abzeichen, dann Ein Set.
- Liste die Erfolge auf, jeweils als eigenen Chip:
erster Lauf, 5 km, 10 km, Halbmarathon, Marathon, Frühaufsteher. Ein Set kann auf 36 Abzeichen wachsen. - Wähle die untere Zeile. Ohne, Stufe 1, 2, 3… in der Reihenfolge der Liste oder Gleicher Text auf jedem Abzeichen (ein Vereinsname, eine Jahreszahl). Der Name des Erfolgs steht oben im Bogen.
- Wähle einen Look. Kräftig, Linie oder Retro, dazu bis zu 300 Zeichen Stilbeschreibung in deinen eigenen Worten und bis zu drei Farben: „kräftig, sportlich, Marineblau und Orange“.
- Absenden. Der Preis eines neuen Sets steht vorher auf dem Button.
Für ein einzelnes Abzeichen, ein Vereinswappen oder ein „Seit 2024“-Siegel wählst du Ein Abzeichen und tippst die Mitte, die obere und die untere Zeile selbst ein.
Wird der Text so geschrieben, wie ich ihn getippt habe?
Der Text wird als Teil der Zeichnung geschrieben, und die Zeichnung wird genau mit deinem getippten Text angefordert. Sieh dir trotzdem jedes Abzeichen vor dem Download an, denn ein Buchstabe kann immer noch falsch herauskommen. Kurze Zeilen lesen sich am besten: Die obere Zeile fasst bis zu 40 Zeichen, die untere bis zu 30, aber zwei oder drei Wörter passen viel besser in den Bogen als ein Satz. Kommt ein Wort falsch heraus, zeichne dieses Abzeichen in einer Runde mit einer Notiz neu („obere Zeile: HALBMARATHON-HELD“); der Rest des Sets bleibt, wie er ist. Text, der nach dem Logo oder der Marke eines anderen Unternehmens verlangt, wird abgelehnt, bevor etwas gezeichnet wird, und es wird nichts berechnet. Aussagen über dein eigenes Unternehmen wie „zertifiziert“ oder „Geld-zurück“ werden dir angezeigt, damit du bestätigst, dass sie stimmen.
Welche Versionen bekomme ich von jedem Abzeichen?
| Version | So sieht sie aus | Typischer Einsatz |
|---|---|---|
| Erreicht | das Abzeichen wie gezeichnet | freigeschalteter Erfolg |
| Bronze, Silber, Gold, Platin | Ring und Schrift in der Metallfarbe umgefärbt, flach oder mit leichtem Glanz | Stufen eines Erfolgs |
| Gesperrt | eine reduzierte graue Version mit Vorhängeschloss am Ring | noch nicht erreicht |
| Verborgen | das graue Abzeichen verblasst unter einem großen Fragezeichen | geheimer Erfolg |
Die Stufen färben ganze Formen des Rings nach ihrer Rolle um (Außenring, Rand, Band, Buchstaben) und halten die Buchstaben auf dem Band lesbar. Das Bild in der Mitte behält seine Farben, damit der Erfolg auf einen Blick erkennbar bleibt.
Welche Dateien bekommt jede Plattform?
| Download | Dateien |
|---|---|
| Web & App | ein SVG pro Abzeichen und Version, PNGs in 64, 128, 256 und 512 px, ein sprite.svg und eine badges.json, die jede Datei und jeden Text auflistet |
| Steam | JPGs mit 256 × 256 in achieved/ und unachieved/ (die gesperrte Version), wie Steamworks es verlangt |
| Game Center | PNGs mit 1.024 × 1.024 |
| Google Play | PNGs mit 512 × 512 unter 1 MB (gesperrte Erfolge graut Google selbst aus) |
| Twitch | Abonnenten-Abzeichen in 18, 36 und 72 px, jeweils unter 25 KB |
| Discord | Rollen-Icons mit 64 × 64 unter 256 KB |
| Open Badges | quadratische PNGs mit mindestens 600 px unter 256 KB, für Nachweise |
| Druck | PNGs mit 300 DPI und SVGs in Millimetern, von 2 bis 10 cm Durchmesser |
Jeder Download wird in den Größen und Formaten seiner Plattform erstellt, und seine PNGs werden auf das Dateigrößenlimit der Plattform hin komprimiert. Die Regeln der Plattformen ändern sich; die Tabelle gibt sie so wieder, wie sie beim Schreiben dieser Anleitung geprüft wurden.
Wie zeige ich sie in meiner App an?
Nimm die badges.json aus dem Web-Download als Zuordnung: Jeder Eintrag nennt den Erfolg, seinen oberen und unteren Text und die Datei jeder Version. Zeig das SVG für erreicht, wenn der Spieler es hat, sonst das gesperrte. SVGs bleiben auf jeder Bildschirmdichte scharf. Die PNGs nimmst du, wo eine Engine oder ein Store Bitmaps verlangt. Text im Ring ist ab 128 px gut lesbar. Darunter erkennt man ein Abzeichen an Bild und Farbe, also halte die Mitte einfach und gib jedem Abzeichen eines Sets ein anderes Motiv.