ToolBuddyToolBuddy
Strumenti di utilitàPopolare

Spine Viewer

Anteprima delle esportazioni Spine JSON, Atlas e PNG localmente con controlli di riproduzione, skin, velocità e debug.

Seleziona la cartella o rilascia i file di esportazione Spine

Convalida localmente i bundle di esportazione Spine con riproduzione in base alla versione, cambio skin, sovrapposizioni di debug e revisione della sequenza temporale.

Viene eseguito completamente nel browser con file locali.
Supporta le versioni Spine da 3.6 a 4.3 con rilevamento automatico della versione.
Include controlli scala, alfa premoltiplicato, griglia e panoramica.
Supporta la sequenza temporale per l'anteprima con più animazioni.

Perché ToolBuddy?

Nessun caricamento file

I tuoi file non lasciano mai il tuo dispositivo.

Elaborazione browser veloce

L'elaborazione avviene localmente nel tuo browser.

Anteprima interattiva

Esaminare animazioni, skin, sovrapposizioni di debug e riproduzione della sequenza temporale.

Gratuito, nessuna registrazione

Tutti gli strumenti sono gratuiti per sempre. Nessun account richiesto.

Conosci il tuo flusso di lavoro

File supportati e come usare.

Controlla i dettagli input/output supportati e segui i passaggi dello strumento prima di esportare.

🧾

Specifiche tecniche e segnali decisionali

Utilizza queste specifiche per convalidare l'idoneità del flusso di lavoro, i limiti della privacy e le aspettative di output prima di eseguire spine-viewer.

Sicurezza

L'elaborazione viene eseguita nel browser, ove possibile, per ridurre l'esposizione al caricamento del server.

Dispositivo

Supporta i moderni browser desktop e mobili.

Specifiche tecniche

Input: Spine JSON + atlante + immagini della pagina struttura (PNG/JPG/WebP) da un set di esportazione. Output: anteprima runtime nel browser con controlli di animazione, sovrapposizioni di debug ed esportazioni di timeline GIF/video opzionali.

🧭

Come usare

Controlla i dettagli input/output supportati e segui i passaggi dello strumento prima di esportare.

01

Seleziona una cartella di esportazione di Spine o trascina tutti i file correlati nell'uploader.

02

Attendi l'inizializzazione del runtime e il rilevamento della versione di Spine.

03

Scegli l'animazione e la skin dai controlli di sinistra.

04

Utilizza i controlli di riproduzione, avanzamento, velocità e debug per esaminare l'output.

Guida

Impara, decidi, e applicare.

Scopri come utilizzare come rivedere le esportazioni spine localmente, perché è importante nei flussi di lavoro ripetuti e quando utilizzare questo strumento con sicurezza.

✨

Riproduzione runtime della colonna vertebrale e controllo del debug

  • Viene eseguito completamente nel browser con file locali.
  • Supporta le versioni Spine da 3.6 a 4.3 con rilevamento automatico della versione.
  • Include controlli scala, alfa premoltiplicato, griglia e panoramica.
  • Supporta la sequenza temporale per l'anteprima con più animazioni.
  • Esporta una singola animazione o sequenza temporale come GIF/video.
🎯

Convalidare i bundle spine prima del rilascio

  • Rivedi i tempi e le transizioni dell'animazione prima del trasferimento.
  • Convalida skin e modifiche agli allegati nel contesto di runtime.
  • Ispeziona gli overlay di debug mesh e bone per il QA.
  • Conferma rapidamente i file esportati prima di pubblicarli in produzione.
Di

Informazioni su Spine Viewer

Come rivedere le esportazioni spine localmenteRiproduzione runtime della colonna vertebrale e controllo del debugConvalidare i bundle spine prima del rilascio

Carica bundle di esportazione Spine completi

Spine Viewer è progettato per pacchetti di esportazione di produzione reali, inclusi dati scheletrici, metadati dell'atlante e immagini delle pagine dell'atlante a cui fa riferimento il file dell'atlante. Aggiungi file selezionando la cartella o trascinandoli, quindi spostati direttamente in un'area di lavoro runtime per la revisione visiva.

L'area di lavoro è progettata per un'iterazione rapida durante il QA e il trasferimento: scegli animazioni, cambia skin, pulisci l'avanzamento e convalida il comportamento in fase di esecuzione prima del rilascio senza uscire dal browser.

Ispeziona tempistiche, skin e livelli di debug

Dopo il caricamento, il visualizzatore rileva automaticamente i metadati della versione Spine ed espone l'animazione e i controlli della skin sul pannello di sinistra. I controlli di riproduzione ti consentono di riprodurre, mettere in pausa, eseguire il loop, scorrere l'avanzamento e regolare la velocità per controlli accurati al fotogramma prima di inviare risorse ai motori di gioco o alle app Web.

Un pannello di debug fornisce la possibilità di attivare/disattivare i livelli per ossa, regioni, mesh, limiti, percorsi, ritaglio, punti e scafi in modo che artisti, animatori e sviluppatori possano controllare i dettagli di runtime in un unico posto.

Spine Viewer in linea

Questo visualizzatore Spine online è ottimizzato per l'intento di ricerca relativo all'anteprima delle animazioni Spine, al controllo dei problemi di mappatura dell'atlante e alla convalida della compatibilità dell'esportazione prima dell'integrazione. Lo strumento continua l'elaborazione nel browser fornendo al tempo stesso una superficie di riproduzione runtime completa simile ai flussi di incorporamento della produzione.

Per la rilevabilità basata sulla SEO e l'utilizzo pratico, l'esperienza si concentra su attività di alto valore ricercate dagli utenti: anteprima dell'animazione del dorso, convalida del file del dorso, risoluzione dei problemi della pagina dell'atlante, cambio di skin, ispezione della sovrapposizione di debug e QA della riproduzione runtime.

Crea anteprime timeline combinate

Create Timeline ti permette di mettere in coda più animazioni con durate personalizzate e visualizzarle come una sola sequenza.

Il progresso combinato mostra la durata totale della sequenza per verifiche più realistiche.

Esporta rapidamente asset di revisione

Esporta una singola animazione o una sequenza timeline in GIF o video direttamente dal player.

La modalità di esportazione passa automaticamente alla timeline quando sono presenti clip.

FAQ

Comune domande.

Hai altre domande? Raggiungi tramite la nostra pagina dei contatti e risponderemo entro 24 ore.

I miei file Spine vengono caricati su un server?

No. Spine Viewer viene eseguito nel tuo browser e conserva i file sul tuo dispositivo.

Quali file sono richiesti?

Carica un set di esportazione Spine completo: file skeleton, `.atlas` corrispondente e tutte le pagine di struttura collegate all'atlante.

Quali versioni Spine sono supportate?

Spine Viewer supporta le versioni da 3.6 a 4.3 e seleziona automaticamente il runtime corrispondente.

Posso esportare GIF e video?

Sì. Puoi esportare una singola animazione o una sequenza timeline come GIF o video.

Casi d'uso

Popolare flussi di lavoro.

Osserva i flussi di lavoro reali in cui questo strumento si adatta in modo naturale, quindi passa direttamente alla guida alle corrispondenze.

Visualizza tutti gli strumenti

Visualizzatore di animazioni Rive

Anteprima dei file Rive `.riv` localmente con riproduzione di animazioni, test della macchina a stati, revisione della timeline dello stato, registrazione di eventi e controlli di layout pronti per il trasferimento.

Apri il flusso di lavoro

sprite atlante packer

Comprimi sprite o cartelle sciolti in fogli atlante con Unity, Phaser, Cocos, fogli di stile e preimpostazioni di esportazione di JSON CSS.

Apri il flusso di lavoro

Disimballatore di fogli Sprite

Disimballare i fogli dell'atlante degli sprite in singoli PNG sprite con l'analisi della configurazione, il rilevamento automatico e l'affettamento della griglia.

Apri il flusso di lavoro

Imparentato

Esplora di più utensili.

Visualizza tutti gli strumenti

Visualizzatore di animazioni Rive

Strumenti di utilitàPopolare

Anteprima dei file Rive `.riv` localmente con riproduzione di animazioni, test della macchina a stati, revisione della timeline dello stato, registrazione di eventi e controlli di layout pronti per il trasferimento.

sprite atlante packer

Strumenti di utilità

Comprimi sprite o cartelle sciolti in fogli atlante con Unity, Phaser, Cocos, fogli di stile e preimpostazioni di esportazione di JSON CSS.

Disimballatore di fogli Sprite

Strumenti di utilità

Disimballare i fogli dell'atlante degli sprite in singoli PNG sprite con l'analisi della configurazione, il rilevamento automatico e l'affettamento della griglia.

Compressore di immagini

Strumenti per le immaginiPopolare

Comprimi file JPG, PNG e WebP con un veloce strumento per immagini private eseguito localmente nel tuo browser.