SpriteStudio とは

SpriteStudioとは

SpriteStudio（スプライトスタジオ）は、汎用的なアニメーションデータ作成ツールです。

SpriteStudioが作成する「アニメーションデータ」とは、テレビや映画のアニメーションではなく、ゲーム機やPC、携帯電話、パチンコ・パチスロなどの画面で表示される「画像の動き」を定義するデータのことです。

ゲーム機では、古くから2Dアニメーション技法として「スプライトアニメーション」が採用されてきました。これは、画面を構成する一部（キャラクタなど）を１つのパーツ（スプライト）として個別に描画する技法です。移動・変化はそのスプライトだけを操作するだけで済むため、効率よくアニメーションを実現することができます。

[スプライトアニメーションの例]

キャラクタアニメーションでの使用事例『アガレスト戦記２』
キャラクタアニメーションでの使用事例『おさわり探偵小沢里奈』

「スプライトアニメーション」という技法を含め、「アニメーションデータ」＝「画像の動き」というのは、ゲームのオープニングやエンディングに使われるムービーや、遠くから手前に移動してきたりするタイトル（題名）表示のようなものだけではなく、多くのところで使われています。

エフェクトや演出での使用事例『ニンニン英単クエスト』
演出、アバター風データでの使用事例『TAP TAP SUMO』『ヅラ・トレ！』

データとは

このページのトップへ

SpriteStudioから出力されるデータは、たくさんあります。

画像（パーツ）の参照範囲
パーツのサイズ
表示位置
角度
拡大率
不透明度
カラー情報
変形情報
etc

[プログラムで使用する流れの例]

SpriteStudioから出力される「アニメーションデータ」は汎用的なものですので、実際に使用するハードウェア（ゲーム機やPC、携帯電話、パチンコ・パチスロなど）と、ハードウェア内でアニメーション動作を実行するプログラムの仕様を把握して、データ作成やコンバートをおこなう必要があります。なぜなら、ハードウェアとプログラムには制限（サポートしていない表現）があるからです。

また、表示に使用するためのデータ以外にも、プログラムで情報を引用するためのデータを設定しておくこともできます。特定の文字列が検出された場合に別の演出をおこなったり、次に表示するべきデータの開始位置として使ったり、といったプログラムで任意に使用するデータとして埋め込んでおくことができます。

プログラム制御用データの埋め込み（基本編）
プログラム制御用データの埋め込み（事例編）

SpriteStudioの特長

このページのトップへ

アトリビュートが豊富

SpriteStudioでは、パーツの移動の他に、拡大縮小・不透明度・反転・カラー・パレット・頂点変形など、数多くのアニメーションを設定することができます。
これらをアトリビュートといい、SpriteStudioにはたくさんのアトリビュート情報が定義されています。

キーフレーム方式によるアニメーション作成

時間の変化とともに、アニメーションは動きます。この時間の１コマ１コマをフレームと呼びます。
また、アトリビュートを設定したフレームのことを「キーフレーム」と呼び、「キーフレーム」と「キーフレーム」との間のアトリビュート値の変化を自動的にアニメーションとして生成することから、SpriteStudioでのアニメーション作成方法は「キーフレーム方式」と呼ばれます。

[キーフレーム情報の例]

キーフレーム間のデータ補間

SpriteStudioでのアニメーションは、キーフレーム間は補間したデータを表示します。
つまり、キーフレーム１で「球体を左側に配置」、キーフレーム２で「同じ球体を右側に配置」という動きを作成すれば、キーフレーム１からキーフレーム２までの間で「球体が左から右へ移動していく」というアニメーションが自動的に作成されます。
補間はパーツの動きだけではなく、拡大縮小、角度、不透明度、カラー情報といった各アトリビュートにも適応されます。
また、補間方法も直線的なものだけではなく、エルミート、ベジェといった曲線補間も選択できます。

[補間アニメーションの例]