HTML5」カテゴリーアーカイブ

HTML5 の canvas で再生可能なアニメーションを効率良く作成するには

こんにちは開発担当の遠藤です。

昨今、賛否両論ありつつも何かともてはやされている HTML5 ですが、UI向けの素材などがスムーズに動いているデモはよく見かけます。

ですが、もっとゲームらしいアニメーションを再生させたい!

それも単なるパタパタアニメだけではなく、キーフレームによる補間アニメーションや複雑な多関節キャラクタを表示させたい!

といったご要望もあるのではないか?

そこで、汎用2Dアニメーション製作ツールとして、現在もなお改良を続けている弊社製品 SpriteStudio においても HTML5 に対応させることで、それらの要望にお応えしたいと考えました。

“対応させる”とは、SpriteStudio で製作したアニメーションデータをHTML5 の canvas を利用し、PCのブラウザや iPhone、Androidのブラウザ上で再生できるようにする、という事です。

今回はこの SpriteStudioPlayer for HTML5 略して SSP for HTML5 を利用し、アニメーションを再生するまでの手順を簡単にご説明したいと思います。

続きを読む

カテゴリー: HTML5 | タグ: , , , , | 2020/06/16 更新