Spine Viewer

プレビュー スパイン JSON、アトラス、および PNG は、再生、スキン、速度、およびデバッグ コントロールを使用してローカルにエクスポートします。

フォルダーを選択するか、Spine エクスポート ファイルをドロップします

バージョン対応再生、スキン切り替え、デバッグ オーバーレイ、およびタイムライン レビューを使用して、Spine エクスポート バンドルをローカルで検証します。

ローカル ファイルを使用してブラウザ内で完全に実行されます。
自動バージョン検出により、Spine バージョン 3.6 ~ 4.3 をサポートします。
スケール、事前乗算されたアルファ、グリッド、パンのコントロールが含まれます。
マルチアニメーション プレビューのタイムライン シーケンスをサポートします。

なぜToolBuddyなのか?

ファイルのアップロードがありません

ファイルがデバイスの外に流出することはありません。

高速ブラウザ処理

処理はブラウザ内でローカルに行われます。

インタラクティブなプレビュー

アニメーション、スキン、デバッグ オーバーレイ、およびタイムライン再生を確認します。

無料、サインアップなし

すべてのツールは永久に無料です。アカウントは必要ありません。

ワークフローを知る

サポートされているファイルと 使い方。

エクスポートする前に、サポートされている input/output の詳細を確認し、ツールの手順に従ってください。

🧾

技術仕様と決定信号

これらの仕様を使用して、spine-viewer を実行する前に、ワークフローの適合性、プライバシーの境界、期待される出力を検証します。

コスト

コア使用のためのサインアップ ゲートのない無料ワークフロー。

安全

Processing は、サーバーへのアップロードの露出を減らすために、可能な限りブラウザ内で実行されます。

デバイス

最新のデスクトップおよびモバイル ブラウザをサポートします。

技術仕様

入力: 1 つのエクスポート セットからのSpine JSON + アトラス + テクスチャ ページ イメージ (PNG/JPG/WebP)。出力: アニメーション コントロールを備えたブラウザ内ランタイム プレビュー、デバッグ オーバーレイ、およびオプションの GIF/video タイムライン エクスポート。

🧭

使用方法

エクスポートする前に、サポートされている input/output の詳細を確認し、ツールの手順に従ってください。

01

Spine エクスポート フォルダーを選択するか、すべての関連ファイルをアップローダーにドロップします。

02

ランタイムの初期化と Spine のバージョン検出を待ちます。

03

左側のコントロールからアニメーションとスキンを選択します。

04

再生、進行状況、速度、およびデバッグのコントロールを使用して出力を検査します。

ガイド

学んで、決めて、 そして応募してください。

Spine アニメーションをオンラインでプレビュー の方法、繰り返しのワークフローでそれが重要な理由、およびこのツールを自信を持って使用できる場合について理解します。

Spine ランタイム再生とデバッグ制御

  • ローカル ファイルを使用してブラウザ内で完全に実行されます。
  • 自動バージョン検出により、Spine バージョン 3.6 ~ 4.3 をサポートします。
  • スケール、事前乗算されたアルファ、グリッド、パンのコントロールが含まれます。
  • マルチアニメーション プレビューのタイムライン シーケンスをサポートします。
  • 単一のアニメーションまたはタイムライン シーケンスを GIF/video としてエクスポートします。
🎯

リリース前に Spine エクスポートファイルを確認

  • ハンドオフの前にアニメーションのタイミングとトランジションを確認してください。
  • ランタイムコンテキストでスキンとアタッチメントの変更を検証します。
  • QA のためにメッシュとボーンのデバッグ オーバーレイを検査します。
  • 本番環境に公開する前に、エクスポートされたファイルをすばやく確認します。
について

Spine Viewerについて

Spine アニメーションをオンラインでプレビューSpine ランタイム再生とデバッグ制御リリース前に Spine エクスポートファイルを確認

Spine アニメーションエクスポートをプレビュー

Spine Viewer は、スケルトン データ、アトラス メタデータ、アトラス ファイルによって参照されるアトラス ページ イメージなど、実際のプロダクション エクスポート バンドル用に構築されています。フォルダーの選択またはドラッグ アンド ドロップでファイルを追加し、ランタイム ワークスペースに直接移動して視覚的に確認します。

ワークスペースは、QA およびハンドオフ中に高速に反復できるように設計されています。ブラウザを離れることなく、リリース前にアニメーションの選択、スキンの切り替え、進行状況のスクラブ、ランタイム動作の検証を行うことができます。

タイミング、スキン、デバッグレイヤーを検査する

ロード後、ビューアは Spine バージョンのメタデータを自動検出し、アニメーションとスキン コントロールを左側のパネルに表示します。再生コントロールを使用すると、アセットをゲーム エンジンや ウェブ アプリに送信する前に、再生、一時停止、ループ、進行状況のスクラブ、およびフレーム精度のチェックのための速度の調整を行うことができます。

デバッグ パネルにはボーン、リージョン、メッシュ、境界、パス、クリッピング、ポイント、ハルのレイヤー切り替えが用意されているため、アーティスト、アニメーター、開発者はランタイムの詳細を 1 か所で検査できます。

オンライン Spine Viewer

このオンライン Spine Viewer は、Spine アニメーションのプレビュー、アトラス マッピングの問題の確認、統合前のエクスポート互換性の検証などの検索目的に最適化されています。このツールは、実稼働環境の埋め込みフローと同様の完全なランタイム再生サーフェスを提供しながら、ブラウザ内での処理を継続します。

SEO 主導の見つけやすさと実用的な使用のために、このエクスペリエンスはユーザーが検索する価値の高いタスク (Spine アニメーションのプレビュー、Spine ファイルの検証、アトラス ページのトラブルシューティング、スキンの切り替え、デバッグ オーバーレイ検査、ランタイム再生 QA) に焦点を当てています。

複合タイムラインプレビューを作成

Create Timeline を使うと、複数のアニメーションを任意の長さで並べて1つのシーケンスとして確認できます。

統合された進捗表示でシーケンス全体の時間を確認でき、実運用に近いチェックが可能です。

レビュー用アセットをすばやく書き出し

プレイヤーから単体アニメーションまたはタイムラインシーケンスを GIF / 動画で直接書き出せます。

クリップがある場合は、書き出しモードが自動でタイムラインに切り替わります。

FAQ

一般 質問。

さらに質問がありますか?連絡先 私たちのお問い合わせページ 24時間以内に返信させていただきます。

Spine ファイルはサーバーにアップロードされますか?

いいえ。 Spine ビューアはブラウザで実行され、ファイルをデバイス上に保存します。

どのファイルが必要ですか?

完全な Spine エクスポート セットをロードします: スケルトン ファイル、一致する `.atlas`、およびすべてのアトラスにリンクされたテクスチャ ページ。

Spine のどのバージョンがサポートされていますか?

Spine Viewer はバージョン 3.6 ~ 4.3 をサポートし、一致するランタイムを自動選択します。

GIF とビデオをエクスポートできますか?

はい。単一のアニメーションまたはタイムライン シーケンスを GIF またはビデオとしてエクスポートできます。