Skip to main content
Go to Editor

Visualizzatore: registratore

Il Registratore cattura le animazioni Spine dallo spettatore come video, immagini animate o sequenze di immagini.

Registrazione Modalità

  • ⚡ Registrazione rapida: acquisizione in tempo reale utilizzando MediaRecorder + captureStream(). Produce solo output WebM. Veloce ma limitato al frame rate in tempo reale.
  • 🎬 HQ Export: rendering fotogramma per fotogramma offline utilizzando WebCodec VideoEncoder + readPixels().Supporta tutti i formati e produce output pixel-perfect.

Formati di output

  • Video: WebM, MP4, AVI, MOV
  • Immagine animata: GIF, animato PNG (APNG)
  • Sequenza immagini: PNG Sequenza, sequenza WebP

Codec (HQ Export)

VP8, VP9, H.264 (AVC), AV1, ProRes: i codec disponibili vengono rilevati automaticamente in base al browser supporto.

Quality

  • Presets: Basso (~1 Mbps), Medio (~3 Mbps), Alto (~5 Mbps), Senza perdita (~20 Mbps).
  • Bitrate personalizzato — specificare in kbps per fine control.

Timing

  • FPS: 24, 30, 60 o personalizzato (1–120 fps).
  • Warm-up — secondi per la stabilizzazione fisica/vincoli prima dell'inizio della registrazione.
  • Pause-after — tieni premuto l'ultimo fotogramma per una serie durata.
  • Includi ultimo fotogramma — attiva/disattiva.

Visualizza e Ritaglia

  • Abilita/disabilita ritaglio — attiva/disattiva regione di ritaglio.
  • Ritaglia rettangolo — X, Y, larghezza, altezza in Spine coordinate mondiali.
  • Aggancia per accoppiare: adatta automaticamente il ritaglio a una coppia di scheletri con imbottitura configurabile.
  • Sovrapposizione ritaglio interattivo — trascina angoli/bordi direttamente nella finestra.

Risoluzione

  • Modalità scala — cursore percentuale (10%–400%).
  • Modalità fissa — dimensioni pixel esplicite (fino a 4096 px).
  • Risoluzione di output calcolata visualizzata live.

Opzioni di rendering

  • Render bone: include debug bone sovrapposizione.
  • Immagini di rendering: includi immagini allegate.
  • Renderizza altri: riquadri di delimitazione, percorsi.
  • MSAA — Nessuno / 2× / 4× anti-aliasing.
  • Smoothing — livelli 0–8 con scelta dell'algoritmo (bicubico/bilineare).

Background

  • Transparent — disabilitato automaticamente per i formati mancanti alfa (ad esempio, GIF, JPEG).
  • Tinta unita: selettore colori personalizzato.
  • Checkerboard: trasparenza visiva indicatore.
  • Supporto canale alfa: VP9+WebM, AV1+MP4, PNG Sequenza, APNG, sequenza WebP.

HUD Overlay

  • Attiva/disattiva: informazioni traccia, ora, numero frame, FPS, etichette scheletriche.
  • Testo personalizzato — filigrana string.
  • Posizione — 4 angoli (in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra).
  • Dimensione carattere — 8–64px, più selettore colore testo.

Repeat e Multi-Skeleton

  • Repeat count — Iterazioni in loop da 1 a 100.
  • Coppia target — registra uno scheletro specifico o tutti.
  • Modalità scheletri — Combinati (file singolo)/File separati (un file per scheletro).

Nome file Modello

Stringa modello con variabili: {project}, {animation}, {W}, {H}, {fps}.Un'anteprima dal vivo del nome file risolto è visualizzato.

Integrazione timeline

L'intervallo di registrazione viene visualizzato come clip tratteggiata rossa/arancione sulla timeline. Trascina i bordi per ridimensionare l'intervallo, trascina il corpo per riposizionarlo o utilizza il pulsante delle impostazioni (⚙️) per aprire le impostazioni di registrazione complete.