3

アニメーション映画を作成したいと思っていますが、Flashを使用する代わりにHTML5キャンバスを使用しています。

フラッシュプロフェッショナルでは、アニメーションを非常に簡単に作成できる素晴らしいタイムラインがありました。別々のムービークリップには別々のタイムラインがありました。

HTML5キャンバスの環境のようなタイムラインで作業するためのフレームワーク/ライブラリはありますか?

そうでない場合、HTML5キャンバスでアニメーションムービーを作成するための最良の方法は何ですか?

4

2 に答える 2

5

Adobe have created a timeline based tool for DOM elements, but sadly it doesn't use the canvas element. It will use html that contains a canvas element though.

Its certainly work a look:

Adobe edge animate

于 2013-03-22T15:01:10.210 に答える
2

Flashのバックグラウンドをお持ちの場合は、GrantSkinnerのEaselJSを確認する必要があります。

EaselJS:http ://www.createjs.com/#!/EaselJS

これは、Flash APIからそのフレーバーを取得するキャンバス描画ライブラリです。つまり、使い慣れたステージとdisplayObjectsを取得します。ただし、JavaScriptとCanvasを使用して、アニメーションを駆動および表示します。

既存のFlashアセットがある場合は、彼のZoeツールを使用して、.swfをキャンバスに表示できるスプライトシートに変換できます。Grant SkinnerとAdobeが協力して、Zoeを非常に正確で安定したものにしたことをどこかで読んだと思いますが、それについては引用しないでください。

理論的には次のことができると思います。

  • 素晴らしいフラッシュ環境で将来の開発を行います
  • Zoeを使用して.swfをスプライトシートに変換します
  • EaselJSやKineticJSなどの真のキャンバス描画ライブラリを使用してスプライトを制御します。(これらのライブラリはスプライトシートが大好きです!)
于 2013-03-22T15:41:49.757 に答える