こんにちは開発担当の遠藤です。
昨今、賛否両論ありつつも何かともてはやされている HTML5 ですが、UI向けの素材などがスムーズに動いているデモはよく見かけます。
ですが、もっとゲームらしいアニメーションを再生させたい!
それも単なるパタパタアニメだけではなく、キーフレームによる補間アニメーションや複雑な多関節キャラクタを表示させたい!
といったご要望もあるのではないか?
そこで、汎用2Dアニメーション製作ツールとして、現在もなお改良を続けている弊社製品 SpriteStudio においても HTML5 に対応させることで、それらの要望にお応えしたいと考えました。
“対応させる”とは、SpriteStudio で製作したアニメーションデータをHTML5 の canvas を利用し、PCのブラウザや iPhone、Androidのブラウザ上で再生できるようにする、という事です。
今回はこの SpriteStudioPlayer for HTML5 略して SSP for HTML5 を利用し、アニメーションを再生するまでの手順を簡単にご説明したいと思います。