JavaScriptはFlashの代わりになるか

質問

Ｗｅｂサイト制作においてアニメーションをやりたいのですが、JavaScriptはFlashの代わりになりますでしょうか。
ある程度、Flashと同様のことができますか。
Flashでもプログラミングをやるみたいですね。

また今後、HTML５の仕様・普及が整ってきて、それが世界の主流になるかもしれないからFlashは、あまり今の時点で本格的に取り組まない方がいいとも聞きましたが、本当でしょうか。
ＨＴＭＬ５でも、Flashと似たようなことができますか。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

http://www.omosiro-flash.com/

ActionScriptアニメーションの代用はJavaScriptでできると思いますが、
私の言うFlashアニメーション（つまりモーショントゥイーンを使ったアニメーション）の代用になるのは<video>を使ったビデオ、mp4とかそういうのになると思います。

そのビデオファイルを作る元ネタにする物は、Flash（さしずめ2Dモデリングツール）かShadeなどの3Dモデリングツール、でなければ実写（コマ撮りアニメ）くらいでしょう。

3Dモデリングツールを使えばツールからmp4などの形式で出力できますので、そのまま<video>で再生できますが（対応しているブラウザのみ）
Flashアニメーションの場合は、
swfファイルをFlashプレイヤーで再生した物をデスクトップ録画ツールなどで録画し、それをiMovieやAdobe Premiereなどでmp4に変換するという手順になるのではないかと思います。
（Flashゲームなどのプレイ画面をYoutubeなどにアップロードされている方が、どんな方法で変換されてるのかわかりません。
やりやすい方法があれば、それでいいと思います。）

最近のテレビアニメはセル画を使わずにCGで1画面（フレーム）ずつ絵を描いているそうですが、
それらの画像をつなげて動画にするのは、どうやっているのかわかりません。
その動画作成ツールが一般向けに公開（販売）されれば、Flashに変わるアニメ作成ツールとして人気も出てくると思います。

FireworksならアニメーションGIF、Flashアニメ（swfファイル）として出力できますが、mp4などでの出力はできません。

回答No.1

神崎 渉瑠（@taloo）

やってやれなくはないと思いますが、雰囲気が違いますね。

「Flashアニメーション」で検索した結果から。
http://www.ae-suck.com/bible/

「Javascript 3d」で検索した結果から。
http://minimal.be/lab/Sprite3D/

Flashアニメーション（モーショントゥイーン）はベジエ曲線を組み合わせた画像を動かす物、
JavaScriptアニメーションはpngなどで用意しておいた物を描き直すもの（HTML4/XHTMLでは<img>のsrcを変更する方式）ですし。

ActionScriptアニメーションとJavaScriptアニメーションで比較すれば同じような物かもしれません。