Flash の内容を HTML5 キャンバスに移行させる
スマホ対応のWEBサイトが主流になる中、Flashを使わないコンテンツが求められています。(iphoneやipadなどは全くFlashを意に介せずという感じですのでFlashの将来性は×です。)
しかしながら、「とてもいいFlashコンテンツができたのに削除するのはもったいない。」「この仕様をなんとかAppleやスマホユーザーにも見てほしい。」というニーズもありますし、Flashのような動的コンテンツが無くなるのもさみしい。
そこで登場するのが、HTML5 canvas + Javascriptで作る動的コンテンツです。
弊社では、動的コンテンツを一から作るだけでなく、Flashで作成したコンテンツ遺産を、HTML5上で(プラグイン不要!)表示できる、同様のアクティブコンテンツに移行再現いたします。
Flashコンテンツの移行例を対比
どのように移行されたか、宝性寺様のWebお参りFlashコンテンツを例に見てください。
移行前のFlashコンテンツ(上)と移行後のHTML5 canvas 動的コンテンツ(下)を対比しています。※サンプルなので、いくつか対応してないリンクがあります。移行後デザインや仕様が一部変更になっています。
下のサンプルはFlashです。チイ子をクリックして仏壇ページに入ってください。仏様や花を替えたり、墓誌で写真を見たり、線香やロウソクのちょっとしたアニメーションもあります。
※もちろんデフォルトのスマホ、iphoneなどでは表示されません。
下のサンプルはFlashではありませんので、ipadでもご覧いただけます。すこし仕様変更がありましたがほとんど同様のことができています。チイ子をクリックして仏壇ページに入ってください。
※スマホ、iphone、ipadに対応させたいサイトには必須ですね。