Ajax Animator

●Webでアニメを作ってみましょう


Ajax Animatorのデモページ（日本語）

簡単な地図を描いて、道順をアニメーションで表示してみるサンプルです。

タイムラインに沿って、画像を置いていくのは、アニメーションGIFとかDirectorやFlashと同じです。
Webベースでやるとこんな感じになります。

初期画面です。直感的に分かります。





地図のベースを描きます。

これに情報を追加していく感じです。





道順を描いていきます。すこしづつ描き足していきます。

描き足す場合、下のフレーム番号をクリックしながらやります。

クリックしても反応が返ってきませんが、大丈夫です。

















文字を書く場合、ラインの太さを1px程度にしておきます。ラインが太いと文字がつぶれて、なんだか分かんなくなります。

文字メニュを選ぶと入力プロンプトが出ます。

ここに入力してプロンプトを閉じ、文字を置きたい場所をクリックすると、そこに書かれます。





Watch（確認）のメニュを選ぶと、再生されます。

FlashやアニメーションGIFはまだ未完のようです。

Publishしてみます、Update+Share（アップデート+共有）を選びます。





公開用のURLが発行されます。


こんな感じ


どうもまだPauseやPlayがうまく動作しないみたいなので、再生はリロードで。





まだβレベルですが、可能性を感じるツールです。

TOP



スポンサー リンク