DerRecordererfasst Spine Animationen des Betrachters als Video, animierte Bilder oder Bildsequenzen.

Aufnahmemodi

⚡ Schnellaufnahme— Echtzeiterfassung mitMediaRecorder + captureStream(). Erzeugt nur WebM-Ausgabe. Schnell, aber auf Echtzeit-Bildrate beschränkt.
🎬 HQ-Export– Offline-Frame-für-Frame-Rendering mit WebCodecsVideoEncoder + readPixels(). Unterstützt alle Formate und erzeugt eine pixelgenaue Ausgabe.

Ausgabeformate

Video: WebM, MP4, AVI, MOV
Animiertes Bild: GIF, animiert PNG (APNG)
Bildfolge: PNG Sequenz, WebP-Sequenz

Codecs (HQ-Export)

VP8, VP9, H.264 (AVC), AV1, ProRes – verfügbare Codecs werden basierend auf der Browserunterstützung automatisch erkannt.

Qualität

Voreinstellungen: Niedrig (~1 Mbit/s), Mittel (~3 Mbit/s), Hoch (~5 Mbit/s), Verlustfrei (~20 Mbit/s).
Benutzerdefinierte Bitrate– Zur Feinsteuerung in KBit/s angeben.

Timing

FPS: 24, 30, 60 oder benutzerdefiniert (1–120 fps).
Sich warm laufen— Sekunden für die Eingewöhnung der Physik/Beschränkungen, bevor die Aufzeichnung beginnt.
Pause-nachher– Halten Sie das letzte Bild für eine festgelegte Dauer an.
Letztes Bild einbeziehen– umschalten.

Ansichtsfenster und Zuschneiden

Zuschneiden aktivieren/deaktivieren– Zuschneidebereich umschalten.
Rechteck zuschneiden– X, Y, Breite, Höhe in Spine Weltkoordinaten.
Zum Koppeln einrasten– Passt den Zuschnitt automatisch an ein Skelettpaar mit konfigurierbarer Polsterung an.
Interaktives Crop-Overlay– Ziehen Sie Ecken/Kanten direkt im Ansichtsfenster.

Auflösung

Skalierungsmodus— Prozent-Schieberegler (10 %–400 %).
Fester Modus— explizite Pixelabmessungen (bis zu 4096 Pixel).
Berechnete Ausgabeauflösung wird live angezeigt.

Renderoptionen

Knochen rendern– Debug-Bone-Overlay einschließen.
Bilder rendern– Fügen Sie Anhangsbilder hinzu.
Rendern Sie andere— Begrenzungsrahmen, Pfade.
MSAA— Keine / 2× / 4× Anti-Aliasing.
Glätten— Stufen 0–8 mit Algorithmusauswahl (bikubisch/bilinear).

Hintergrund

Transparent– automatisch deaktiviert für Formate ohne Alpha (z. B. GIF, JPEG).
Einfarbig– benutzerdefinierter Farbwähler.
Schachbrett— visueller Transparenzindikator.
Alpha-Kanal-Unterstützung: VP9+WebM, AV1+MP4, PNG Sequenz, APNG, WebP Sequenz.

HUD-Overlay

Umschalten: Titelinformationen, Zeit, Bildnummer, FPS, Skelettbeschriftungen.
Benutzerdefinierter Text– Wasserzeichenzeichenfolge.
Position— 4 Ecken (oben links, oben rechts, unten links, unten rechts).
Schriftgröße– 8–64 Pixel, plus Textfarbauswahl.

Wiederholung und Multi-Skelett

Zählung wiederholen— 1–100 Schleifeniterationen.
Zielpaar— ein bestimmtes Skelett oder alle aufzeichnen.
Skelette-Modus— Kombinierte (einzelne Datei) / separate Dateien (eine Datei pro Skelett).

Dateinamenvorlage

Vorlagenzeichenfolge mit Variablen:{project}, {animation}, {W}, {H}, {fps}. Eine Live-Vorschau des aufgelösten Dateinamens wird angezeigt.

Timeline-Integration

Der Aufnahmebereich erscheint als rot/orange gestrichelter Clip auf der Timeline. Ziehen Sie an den Rändern, um die Größe des Bereichs zu ändern, ziehen Sie den Körper, um ihn neu zu positionieren, oder verwenden Sie die Schaltfläche „Einstellungen“ (⚙️), um die vollständigen Aufnahmeeinstellungen zu öffnen.

Zuschauer: Recorder