Zum Inhalt springen
Craftium

Anleitung: Comic-Pinkelpause einrichten

Etwa fünf Minuten. Du brauchst ein kostenloses StreamElements-Konto und deine persönlichen Dateien von unserer Lizenzseite (Link in deinem Etsy-Download, Bestellnummer bereithalten).

Bevor es losgeht

  • Ein kostenloses StreamElements-Konto, angemeldet mit deinem Twitch-Kanal.
  • Die Einrichtung auf der Lizenzseite: Nach Bestellnummer und Kanal zeigt sie für jeden Reiter einen Kopieren-Knopf (HTML, CSS, JS, Fields). Dein Lizenzschlüssel steckt schon im Code. Alles gibt es dort auch als ZIP (Sicherung).
  • Ein Computer mit Chrome, Edge oder Firefox. Auf dem Handy funktioniert der StreamElements-Editor schlecht.

Welche Version hast du?

Animation only (nur Animation): die ganze Pause mit Countdown, Hintergründen und Ton, startet mit deiner BRB-Szene oder !brb, endet mit !back. Im Editor gibt es zwei Testknöpfe (Start und Ende), die Chat-Interaktionen weiter unten sind nicht dabei. With chat interactions (mit Chat-Interaktionen): alles auf dieser Seite. Die Version hast du auf Etsy gewählt, die Lizenzseite gibt dir genau dieses Widget.

Die Pause in StreamElements einrichten

  1. Overlays öffnen

    Auf streamelements.com anmelden und links auf Overlays klicken.

  2. Overlay für die Pause anlegen

    Auf New overlay klicken, 1080p (1920 × 1080) wählen und Start. Gib ihm einen Namen, zum Beispiel BRB. Nimm ein eigenes Overlay für die Pause, dann erscheint Dieter nur in deiner Pausen-Szene.

  3. Custom Widget hinzufügen

    Auf Add widget (das +) klicken, dann Static / Custom und Custom widget. Oben links erscheint ein kleiner Kasten.

  4. Code-Editor öffnen

    Das neue Widget ist ausgewählt: links auf Open editor klicken. Du siehst fünf Reiter: HTML CSS JS Fields Data.

  5. Alle vier Reiter ersetzen

    Für HTML, CSS, JS und Fields: auf der Lizenzseite den passenden Knopf drücken (zum Beispiel HTML kopieren) oder die Datei aus dem ZIP kopieren, in den Reiter klicken, mit Strg + A (Mac: Cmd + A) alles markieren, löschen und einfügen. Data so lassen und auf Done klicken.

    Alle vier ersetzen, auch wenn ein Reiter harmlos aussieht. StreamElements füllt CSS und JS mit einem Beispiel-Widget.

  6. Auf Vollbild stellen

    Position, size and style öffnen, Position 0 / 0, Breite 1920 und Höhe 1080 eintragen. Dieter, Hydrant und Hintergrund füllen den ganzen Bildschirm.

  7. Länge und Hintergrund wählen

    Unter Break stellst du Break length ein, 1 bis 30 Minuten (Standard 3): Dieter schläft, bis der Countdown abgelaufen ist. Eigener Text auf dem Schild, oder der Standard in deiner Sprache.

    Unter Look wählst du den Background: Graffiti-Wand mit Wildstyle-BRB, Park, Comic-Raster, durchsichtig (nur Dieter über deinem Spiel) oder dein eigenes Bild.

  8. Speichern und testen

    Auf Save klicken. Dann Test: start a 2-minute break. Sobald Dieter liegt (nach etwa 16 Sekunden), probiere Test: treat, Test: follow, Test: sub, Test: bone rain und Test: raid. Test: end the break now schickt ihn hinaus.

    Testknöpfe gehen erst nach dem ersten Speichern und nur im Editor.

Chatbefehle und Kanalpunkte (nur Version With chat interactions)

Starten und beenden: Du und deine Mods starten eine Pause mit !brb (oder !brb 5 für fünf Minuten) und beenden sie früher mit !back. Wörter und wer sie nutzen darf, änderst du unter Break.

Leckerli per Kanalpunkte: Im Twitch-Creator Dashboard Viewer Rewards → Channel Points → Manage Rewards & Challenges öffnen und Add New Custom Reward klicken. Die Belohnung genau so nennen wie im Feld Channel points reward name for a treat, Standard Treat for Dieter (Groß- und Kleinschreibung egal). Kanalpunkte gibt es ab Twitch-Affiliate oder -Partner.

Alle spielen mit: Zuschauer schreiben !wake und !pet (je einmal pro Abklingzeit, der ganze Chat höchstens alle 8 Sekunden), Follows bringen einen Schmetterling, der auf Dieters Nase landet, Abos einen neuen Look, Bits und Trinkgeld einen Knochen-Regen (ein Knochen je eingestelltem Betrag, höchstens 12), Raids drei Hundefreunde.

Der Reihe nach: Alles wartet, bis Dieter liegt, und kommt dann nacheinander. In den letzten 3 Sekunden einer Pause startet nichts Neues. Am Ende zeigt ein Schild die Leckerlis, Knochen und den besten Freund der Pause.

Deine Pausen-Szene in OBS

  1. In deiner Overlay-Liste bei StreamElements das Menü … des BRB-Overlays öffnen und Copy URL klicken. Diesen Link geheim halten: Er enthält einen Schlüssel zu deinem Konto.
  2. In OBS Studio deine Pausen-Szene wählen, unter Sources auf + klicken und Browser wählen. Den Link als URL einfügen, Width 1920 und Height 1080 setzen.
  3. Für den Ton Control audio via OBS einschalten.
  4. Refresh browser when scene becomes active einschalten: Jeder Wechsel in deine Pausen-Szene startet eine neue Pause und Dieter läuft herein. Lieber nur mit !brb starten? Stelle Start the break auf Only with the chat command.

Streamlabs Desktop: Add Source → Browser Source, gleicher Link, gleiche Einstellungen.

Weitere Einstellungen

Klicke im Overlay-Editor von StreamElements auf das Widget, links erscheinen die Einstellungen. Nach Änderungen Save klicken.

EinstellungWas sie macht
Language of the textsSchild, Sprechblasen und Lautwörter auf Englisch, Deutsch, Spanisch, Portugiesisch oder Französisch.
Background / Own background imageGraffiti-Wand, Park, Comic-Raster, durchsichtig oder dein eigenes Bild, hochgeladen in StreamElements.
Color themeKlassische, Nacht- oder Pastellfarben deines Stils.
Show the summary signEin Schild mit Leckerlis, Knochen, Weckrufen und dem besten Freund, wenn Dieter geht.
Music / Own music / Music volumeMusik zu deinem Stil während der Pause oder deine eigene Datei (du brauchst die Rechte).
Sound effects / Sound effects volumePfoten, Schnüffeln, Plätschern, Schnarchen, Wuff und Haps, im Code erzeugt.
Calm modeLautwörter blinken nicht, der Schwanz wedelt ruhig.

Hilfe

Es erscheint nichts
  • Alle vier Reiter ersetzt und Save geklickt?
  • Kasten auf 1920 × 1080?
  • OBS-Browserquelle in 1920 × 1080 mit dem Link des BRB-Overlays?
  • Start the break auf Start beim Laden, oder !brb schreiben.
Ein Follow kam, aber nichts passiert

Interaktionen warten, bis Dieter liegt (etwa 16 Sekunden nach dem Start). In den letzten 3 Sekunden einer Pause startet nichts Neues.

Das Leckerli tut nichts

Der Name der Belohnung muss genau wie im Feld lauten (Groß- und Kleinschreibung egal). Die Belohnung legst du bei Twitch an, nicht in StreamElements, und sie braucht Affiliate oder Partner.

!wake tut nichts

Jeder Zuschauer kann es einmal pro Abklingzeit nutzen, der ganze Chat höchstens alle 8 Sekunden. Du und deine Mods habt keine Abklingzeit.

Kein Ton

Der Ton spielt in OBS. Im Editor sperrt dein Browser ihn eventuell bis zum ersten Klick in die Seite. In OBS Control audio via OBS einschalten und den Mixer prüfen.

Kommst du nicht weiter?

Schreib uns über die Etsy-Nachrichten oder an craftium.berlin@gmail.com. Nenne deinen Stil, deine Streaming-Software und was du siehst; ein Bildschirmfoto des Editors hilft. Schick uns nie deinen Overlay-Link.

Updates

Updates für Version 1.x installieren sich beim Laden des Overlays selbst, deine Einstellungen bleiben. Nur wenn der Editor einen Update-Hinweis zeigt:

  1. Overlay in StreamElements öffnen, das Widget anklicken und Open editor.
  2. HTML, CSS, JS und Fields durch die neuen Dateien ersetzen, genau wie in Schritt 5.
  3. Data nicht anfassen: Dort stehen deine Einstellungen.
  4. Auf Done und Save klicken.

Aktuelle Version: 1.0.0