canvas」タグアーカイブ

【9/5@渋谷】SpriteStudio 勉強会、『発注 x 受注 x Friendship』開催のお知らせ

超汎用2Dアニメーションツール 『OPTPiX SpriteStudio』 勉強会開催のお知らせ!

SpriteStudio勉強会ATND

今回は、これまでのSpriteStudio勉強会とちょっと趣向を変えて、2Dアニメーションリソース制作の 受発注 がキーワード。実際のプロジェクトと照らし合わせながら、発注側の思惑と期待受注側の覚悟と経験則を、それにツールベンダーの立場からお届け。

「アニメーションの発注を依頼したいけどどういう仕様で?」
「受注するにしても責任の範囲は?」
「要望に合わせたツール側のカスタマイズって?」

などなど、SpriteStudioとその制作案件を取り巻く数々の事例、制作委託をする側もされる側も、知りたい情報が盛りだくさん! 続きを読む

カテゴリー: OPTPiX SpriteStudio | タグ: , , | 2020/07/15 更新

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

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

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

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

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

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

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

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

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

続きを読む

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