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の仕様によって大きく費用はかわってきます。詳細はお問い合わせください。