HowToUseHTML5Utility - SpriteStudio/SSPlayerForCCH GitHub Wiki

HTML5 用ユーティリティ

Utilities/HTML5 フォルダの中にあります。

json_viewer

json ファイルを読み込み表示するための簡易ビューアです。

要件

HTML5プレイヤーのページにある[注意事項] (https://github.com/SpriteStudio/SSPlayerForCCH/wiki/HowToUseHTML5Player#%E3%81%94%E6%B3%A8%E6%84%8F)も確認してください。

使用方法

準備
  1. 任意のフォルダ(以降、再生フォルダ)に json_viewer フォルダ内のファイルをコピーします。
  2. 再生フォルダにプレイヤーのスクリプトPlayer/Html5Player/Html5Player/SsaPlayer.jsをコピーします。
  3. SSAX ファイルを変換します。
    -j オプション付きで指定し、出力ファイル名は out.json にします。
例)  
SsToHtml5.exe anime_1.ssax anime_2.ssax anime_3.ssax -j -o　out.json
  1. out.json ファイルと必要な画像ファイルを 再生フォルダ/datas フォルダ内に入れます。
  2. 再生フォルダ内にある json_view.html をブラウザ(chrome の場合、前述のプレイヤーの注意事項を参照)で開きます。
ビューアの使い方
  1. アニメーションの表示位置を変更する
  • X座標、Y座標に数値を入力し、「座標を与える」ボタンを押します。
    ※ページの中央が0,0です。
  1. アニメーションを変更する
  • Prev で１つ前の、Next で１つ次のアニメーションに変更します。
    ※コンバータの変換時に複数の .ssax ファイルを指定した場合のみ有効です。

サンプル

Samples/HTML5 フォルダ内のサブフォルダ内にある各サンプルは、 すべて上記ビューアを使って表示するようになっていますので参考にしてください。