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

HTML5 CanvasはFlash(フラッシュ)にとって代わるのか

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

html5canvasとflash(フラッシュ)

Flash(フラッシュ)はiPhoneやiPadなどで動作しない

さて、Flash(フラッシュ)がiPhoneやiPadで動かないと騒がれてからだいぶ経ち、現状はPCはFlash(フラッシュ)、iPhoneやiPadなどは静止画やJQueryなどで対応しているホームページが多いです。
また、2020年末でFlash Playerの配布の終了をAdobeが発表しているため、今後Flashを別のアニメーションに差し替える必要が出てきます。

iPhoneやiPadでもFlashのようなアニメーションを動作させたり、インタラクティブなサイトにしたいというご要望は多いです。
 

HTML5 CanvasはiPhone(スマホ)やiPad(タブレット)でも動作する

そこで、今回ご案内するのは、HTML5 Canvasです。
HTML5 Canvasアニメ作成例

HTML5で新たに加わったCanvasタグを利用して、JavaScriptと連携させてFlash(フラッシュ)のようなアニメーションやインタラクティブな動きが表現可能です。

正直なところ、Flash(フラッシュ)ほどの複雑なアニメーションは難しいですが、PCサイトもiPhoneなどのスマホも、iPadなどのタブレットも、HTML5が動くWEBブラウザさえ搭載されていれば、同じ仕様で作成できるという点がHTML5 Canvasの魅力です。

HTML5 Canvasアニメ作成については、「HTML5 Canvasアニメ作成」ページもご参照ください。
 

HTML5 Canvasアニメの作成料金は仕様によって異なる

visual artでは、AdobeのAnimateCCを使用して、HTML5 Canvasアニメを作成しています。
シンプルな動きのアニメーションであれば、ホームページ制作時であればFlashと同じように3万円(税抜)ぐらい~ご提供できます。
外部ファイルを読み込む複雑なものや、複雑なインタラクティブなものになりますと、10万円(税抜)以上になることもございます。
HTML5 Canvasの仕様によって大きく費用はかわってきます。詳細はお問い合わせください。

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

  • .

お見積のご相談(無料)

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