Le Recorder capture les animations Spine du visualiseur sous forme de vidéo, d'images animées ou de séquences d'images.

Modes d'enregistrement

⚡ Enregistrement rapide — capture en temps réel avec MediaRecorder + captureStream(). Produit uniquement du WebM. Rapide mais limité au taux d'images en temps réel.
🎬 HQ Export — rendu hors ligne image par image avec WebCodecs VideoEncoder + readPixels(). Prend en charge tous les formats et produit une sortie au pixel près.

Formats de sortie

Vidéo : WebM, MP4, AVI, MOV
Image animée : GIF, Animated PNG (APNG)
Séquence d'images : PNG Sequence, WebP Sequence

Codecs (HQ Export)

VP8, VP9, H.264 (AVC), AV1, ProRes — les codecs disponibles sont détectés automatiquement selon le support du navigateur.

Qualité

Préréglages : Basse (~1 Mbps), Moyenne (~3 Mbps), Haute (~5 Mbps), Sans perte (~20 Mbps).
Bitrate personnalisé — spécifier en kbps pour un contrôle fin.

Temporisation

FPS : 24, 30, 60 ou personnalisé (1–120 fps).
Préchauffage — secondes pour la stabilisation des physiques/contraintes avant le début de l'enregistrement.
Pause après — maintenir la dernière image pendant une durée définie.
Inclure la dernière image — bascule.

Viewport & Recadrage

Activer/désactiver le recadrage — basculer la région de recadrage.
Rectangle de recadrage — X, Y, Largeur, Hauteur en coordonnées du monde Spine.
Ajuster à la paire — ajuster automatiquement le recadrage à une paire de squelettes avec un padding configurable.
Overlay de recadrage interactif — faites glisser les coins/bords directement dans le viewport.

Résolution

Mode échelle — curseur en pourcentage (10%–400%).
Mode fixe — dimensions explicites en pixels (jusqu'à 4096px).
La résolution de sortie calculée est affichée en direct.

Options de rendu

Rendre les bones — inclure l'overlay de débogage des bones.
Rendre les images — inclure les images d'attachment.
Rendre les autres — boîtes englobantes, paths.
MSAA — Aucun / 2× / 4× anti-aliasing.
Lissage — niveaux 0–8 avec choix d'algorithme (Bicubic / Bilinear).

Arrière-plan

Transparent — désactivé automatiquement pour les formats sans alpha (par ex. GIF, JPEG).
Couleur unie — sélecteur de couleur personnalisé.
Damier — indicateur visuel de transparence.
Prise en charge du canal alpha : VP9+WebM, AV1+MP4, PNG Sequence, APNG, WebP Sequence.

Overlay HUD

Bascules : info de piste, temps, numéro d'image, FPS, libellés de squelette.
Texte personnalisé — texte en filigrane.
Position — 4 coins (haut-gauche, haut-droite, bas-gauche, bas-droite).
Taille de police — 8–64px, plus sélecteur de couleur du texte.

Répétition & Multi-squelette

Nombre de répétitions — 1–100 itérations de boucle.
Paire cible — enregistrer un squelette spécifique ou tous.
Mode squelettes — Combiné (fichier unique) / Fichiers séparés (un fichier par squelette).

Modèle de nom de fichier

Chaîne de modèle avec variables : {project}, {animation}, {W}, {H}, {fps}. Un aperçu en direct du nom de fichier résolu est affiché.

Intégration Timeline

La plage d'enregistrement apparaît sous forme de clip pointillé rouge/orange sur la timeline. Faites glisser les bords pour redimensionner la plage, faites glisser le corps pour repositionner, ou utilisez le bouton de paramètres (⚙️) pour ouvrir la configuration complète d'enregistrement.

Viewer : Enregistreur