HTML5 Canvas, ホームページ制作関連コラム

Flash(フラッシュ)とHTML5 Canvasの比較

投稿:2015/09/30 更新:2024/07/21

さて、今回はFlash(フラッシュ)の代わりとして注目されているHTML5 Canvasについて、Flashと比較しながら考察してみます。
html5canvasとflash
 

Flash(フラッシュ)の特徴

まず、一時代を気づいたFlash(フラッシュ)の特徴は以下のような感じです。
・Adobe Flash Proなどで複雑なFlashアニメーションの作成が可能
・Action Scriptでインタラクティブなコンテンツを制作することが可能
・コンパイルしたswf ファイルをFlash Playerで読み込んで再生可能
・プラグインのFlash Playerが動作するWEBブラウザが必要
・Flash Playerが動作しないiPhoneなどのスマホやiPadなどのタブレットではFlashを動作させるこどができない
 

HTML5 Canvasの特徴

一方、Flashにとって代わると言われているHTML5 Canvasの特徴は下記のようになります。
・Adobe Flash ProなどでJavaScript ライブラリのCreateJSと連携してシンプルなアニメーションの作成が可能
・JavaScript ライブラリのCreateJSでインタラクティブなコンテンツを制作することが可能
・HTML5のCanvasタグとJavaScriptが連携して動作
・HTML5 のCanvasタグとEaselJS(Flash Proで作成時使用)などか動作する環境
・IE9以上や最近のスマホやタブレットが搭載しているモダンWEBブラウザで動作する
 

Flash(フラッシュ)とHTML5 Canvasを比較して

Flash(フラッシュ)とHTML5 Canvasを比較して言えることは、これからを考えたホームページを制作するならスマホやタブレットにも対応したHTML5 Canvasがおすすめです。
しかし、ひと昔前のPCなどを考慮に入れたり、PC用に凝ったアニメーションにこだわるのであればPC用にはFlash、スマホやタブレット用にはHTML5 Canvasとわけてホームページを作成がした方がいいかもしれない。

その他、下記ページもご参照ください。
HTML5 Canvasアニメ作成
HTML5 Canvas制作料金
 

visual artができること

visual artでは、お客様のご要望をお聞きしてHTML5 Canvasだけで作成すべきか、Flashも織り交ぜた方が良いのかご提案させていただきます。
メールでのお見積もり、ご相談は無料ですのでお気軽にお問い合わせください。
 

下記料金プランのオプションでHTML5 Canvasアニメの制作をいたします

このエントリーが役に立ったらシェアしてください

  • .

お見積のご相談(無料)

千葉、東京、横浜、ロンドンで連携して日本国内から海外までホームページ作成、ブランディングデザインを承っております。
ホームページ作成、ブランディングデザインのご相談・お見積は無料です。まずは概算見積をしますのでお気軽にお問い合わせください。