【ゲーム用】gif画像をフレームに分解して、HTML5のcanvas上で再生してみた - Qiita

概要 一般的にgif画像をcanvas上に貼り付けるとアニメーション機能が停止され、静止gif画像のように取り扱われます。そこで、私はgif画像をフォームから受けとり、それをフレームに分解して、HTML5のCanvas上で再生するWebアプリを作ってみました。。JavaScript上で動くゲームアプリを作るときに、gifアニメ画像をそのままゲーム素材として使えたら便利だと思います。 技術 バックエンドはJavaサーブレットを使っています。 フロントエンドは、flashの技術をJavaScriptに応用して使えると言われているadobe社のCREATEJSを使用しています。 使用するJavaのクラスのうち重要なもの org.apache.commons.fileupload.FileItem このクラスはクライアントから受け取る multipart/form-data のPOSTリクエスト内