サイト日記

◆Webでアニメーション
　今、新発田の「御成り道」コースをWebアニメーションでガイドしたいと考えている。
　
　現在のやり方では、コース全体を一括で音声で説明している。
　しかし、音声がコースのどこを説明しているのか分かり難い。
　コースを歩いているという臨場感に欠ける。

　キャラクタがコースを進みながら、それぞれの地点の音声ガイドができたなら…。

　調べたら、Adobe社のFlashを使うしかないことが分かった。
　実は、「新発田ガイドマップ」の前身のモデルには、Flashアニメが組み込んであった。
　しかし、モバイルに対応しなかったのでお蔵入り。
　
　そのFlashアニメが復活できることになったのである！
　Puffin Web Browserというアプリが、モバイルOS上でFlashを動かしてくれる。
　まるで、棚からボタ餅のような話だった。

　以下、ここに至る経緯を振り返ってみたい。（個人的なな回顧録）

◆Flashアニメーションに惚れ込む
　Flashの魅力は。Web用アニメーションを自由に作成できることである。
　PC画面上でアニメをグラフカルにデザインし、すぐにテストし、修正もできる。
　高機能なスクリプト言語で自在にアニメを操作できる。

　そんなFlashに惚れ込んで、テクニックを学んだ。
　　- 2008/08:Flash CS3でスタート
　　- 2012/02:Flash CS5.5にアップグレード

　いろいろなFlashアニメ作品を開発した。
　（いずれも、Windows PC用）
　　・新発田のガイドマップ（Flash版でアニメ付き、Googleマップとは連動しない）
　　・写真のスライドショー
　　・ビデオ・プレーヤー
　　・YouTubeのビュアー（ちあきなおみ版など）

◆モバイルの時代に沈没
　そうした中、2010年頃からモバイルのスマホやタブレットが急速に普及し始めた。
　モバイルのOSは、iOSかAndroidである。
　Apple社はFlashが嫌いで、iOSはFlashをサポートしていない。

　Androidでは、2011年11月、Adobe社がモバイル用のFlash Player開発を中止した。
　これで、モバイルでは、Flashが全く使えないことになった。
　Web用アニメーションは沈没してしまった。

◆HTML5へ乗替え
　この頃の課題は、Googleマップと連動する「新発田ガイドマップ」の開発だった。
　Webページ開発言語HTML5は、Googleマップときわめて親和性が高いことを確認できた。
　PCのWindowsでもモバイルのOSでも動くので、HTML5に乗替えた。（Flashは封印した）

　- 2013/03:タブレットNexus7を購入
　- 2013/09:HTML5に乗替え
　- 2013/09:iPhone５sの販売開始
　- 2013/11:iPhone５sを購入（ちょうど携帯が故障した）

　- 2013/11:HTML5の初版「新発田散策マップ」をリリース

　- 2014/12:タブレットiPad Air 2を購入
　- 2016/03:バージョンアップを重ねて、現在の「新発田ガイドマップ」に至る
　
◆HTML5ではアニメーションが弱い
　アニメーションでHTML5の限界に突き当たった。
　やはり、Flashしかない。
　なんとかモバイルで動かないか。

◆Puffinアプリ登場でFlashがモバイルで動く
　先日、Puffin Web Browserというアプリ（フリー）の存在を知った。
　iPad(iOS)にダウンロード。
　旧作のFlashアニメをWebサイトにセット。

ー 2016/07:PuffinでFlashアニメの再生を確認

　iPhone(iOS)、Nexus7(Android)でも再生を確認。
　いずれでも、高速でスイスイ。
　これでFlashアニメは完全に解禁、復活だ。

◆Flashアニメの開発構想
　まずは、新発田の「御成り道」コースをガイドするWebアニメーションをリメークする。
　Googleマップとは連動できないので、マップをコピーした画像を使用する。
　７月中にはリリースしたい。

　写真のスライドショーは、旧作に音声ガイドを付けたい。
　ビデオ・プレーヤーは、旧作の画面を大きくしたい。
　新たに、苔香荘の園内ガイドも作成予定。
■