Home

========================================================

SS6Player For Web

Copyright © CRI Middleware Co., Ltd.

========================================================

概要

OPTPiX SpriteStudio 7.0 と OPTPiX SpriteStudio 6 で制作したアニメーションデータを Web ブラウザ上で再生するためのプログラム集です。

下記の構成となっています。

• ss6player-pixi
  • pixi.js v8 上でアニメーションを再生するプレイヤーライブラリです。
• ss6player-rpgmakermz
  • RPGツクールMZ 上でアニメーションを再生するプラグインです。
• ss6player-viewer
  • ss6player-pixi へアニメーションの再生確認用の機能と sspkg の再生機能を追加したプレイヤーライブラリです。
• ss6player-pixi6
  • pixi.js v6 上でアニメーションを再生するプレイヤーライブラリです。
• ss6player-lib
  • アニメーションデータファイル ssfb を player 向けのデータへ変換するライブラリです。
• ssfblib
  • アニメーションデータファイル ssfb をパースするライブラリです。

デモ

再生で利用しているアニメーションのオリジナルデータはこちらからダウンロードできます。

ss6player-pixi

ss6player-pixi を利用したサンプルアニメーションはこちらです。

ss6player-pixi を利用した UI サンプルはこちらです。

ss6player-rpgmakermz

ss6player-rpgmakermz を利用したサンプルアニメーションはこちら です。

ss6player-viewer

ss6player-viewer を利用したサンプルアニメーションはこちらです。

対応状況

• 更新履歴
• 対応機能一覧 - SS6PlayerForWeb 最新版で対応している機能の一覧です。
• 対応予定 次のリリースに反映予定の機能追加、改善、不具合修正です。
• 未定の課題 対応時期が未定の課題です。
• 既知の不具合 現在報告されている不具合です。
• マスク機能について：PIXI.js の仕様と SpriteStudio のマスクパーツの動作仕様の違いから対応の目処が立たず保留になっています。申し訳ありません。独自に対応させる場合は、feature/mask ブランチを参考にしてください。

SpriteStudioとの互換性

本プレイヤーが対応するSDK/SpriteStudio のバージョンについては対応バージョン一覧を参照してください。

準備

ビルド環境と再生するアニメーションデータの用意します。 ビルドには node と npm が必要になります。

ソースコードの取得

zip アーカイブをダウンロードするか Git でリポジトリをクローンしてください。

git clone https://github.com/SpriteStudio/SS6PlayerForWeb.git

node, npm インストール

SS6Player For Web のトランスパイルに node と npm コマンドが必要になります。 node, npm コマンドは下記よりダウンロードしてください。

npm ダウンロードページ

全体ビルド

SS6PlayerForWeb/ ディレクトリ上で下記コマンドを実行してください

npm i
npm run build

アニメーションデータの作成方法

SpriteStudio 6 のプロジェクトファイル sspj からアニメーションデータファイル ssfb ファイルをコンバートします。 コンバートには Ss6Converter を利用します。

Ss6Converter は SpriteStudio6-SDK に同封するツールです。利用方法に関してはこちらを参照してください

使用手順

ss6player-pixi

ss6player-pixi の使い方 を参照してください。

ss6player-rpgmakermz

ss6player-rpgmakermz の使い方 を参照してください。

ss6player-viewer

ss6player-viewer の使い方 を参照してください。

制限される機能

使用できるアトリビュート、拡張機能、ブレンド方法等の詳細は互換性一覧を確認してください。

OPTPiX SpriteStudio 互換性の比較表 SS6PlayerForWeb

SpriteStudio で利用できる機能を上記の設定に制限し、準拠させることができます。

1. SpriteStudio を終了した状態で、プレイヤー設定ファイルをマイドキュメント\SpriteStudio\plugins\player_settings\ フォルダ内にコピーします。(macOS では、マイドキュメントは書類になります)
2. SpriteStudio を起動し、プロジェクト設定→互換性設定→再生対象のプラットフォームにて、SS6PlayerForWeb vX.X.X を選択します。

設定の手順についてはこちらも参考にしてください。(Unity の記載をWeb に読み替えてください)

ダウンロード

各バージョンのダウンロードはこちら

お問い合わせ

ご質問、ご要望、不具合のご報告は Issues に投稿してください。
非公開でのお問い合わせを希望される場合は、ヘルプセンター よりお寄せください。
再現データなどの送付が必要な場合も、上記ヘルプセンター経由でファイルを送信してください。

========================================================

株式会社ＣＲＩ・ミドルウェア
​https://www.cri-mw.co.jp/
Copyright © CRI Middleware Co., Ltd.

========================================================

• SpriteStudio, Web Technologyは、株式会社ウェブテクノロジの登録商標です。
• その他の商品名は各社の登録商標または商標です。