ナビで地上絵―TOKYO ZOO PROJECT

『“nav-u”presents ナビで地上絵―TOKYO ZOO PROJECT』キャンペーンサイトのFlash制作を担当させていただきました。

“nav-u”（ナブ・ユー）『NV-U35』を使用して、東京に世界最大の動物園を開園させてしまおうというGPSアートプロジェクトです。“nav-u”の走行ログ機能とGoogle Mapを連携させて、たくさんの動物を入園させました。

動物の地上絵は、「TOKYO ZOO PROJECT制作委員会」が実際に街を自転車走行・歩行した上で作成しています。
また、動物ごとに、制作委員会が走っている道中で見つけたカフェや、お勧めしたい景色等の楽しい「おでかけポイント」も紹介しています。

Twitterの公式アカウント（@tokyozoopj）で、ユーザーから描いてほしい動物を募り、そのツイートの中から制作委員会がピックアップし、実際にコースを作成・公開していきました。
当初は10種類の動物を入園する予定でしたが、最終的には全部で15種類の動物達が入園しました！
この15種類の地上絵の膨大なGPSデータを、いかにGoogle Map上に描画負荷をおさえて表示させるかに、個人的には苦心したところでもあります。

『NV-U35』を使うと、自分でも同じように地上絵を描くことができます。走行ログはPetaMapで共有したり走行軌跡（GPSログ）をKMLフォーマットで記録し、対応アプリケーションで表示することも可能です。当然Google Mapに表示することも可能ですので、興味のある方は、ぜひ挑戦してみてはいかかでしょうか。

先日、某案件でGoogle Maps API For Flashを使ってごにょごにょしたので、
自分なりに感じたことや注意点をメモっとく。

注意点やもっとこうして欲しい点はあるけど、
やっぱりよくできてる、すごいぞGoogle Maps API！！

フッテージをループさせるには、ビジュアルフッテージをプロジェクト内で連続してループする場合は、
After Effectsで1サイクルのみのフッテージを作成すればよい。
手順は下記のとおり。

１．プロジェクトパネルで、ループさせるフッテージを選択する。
２．ファイル／フッテージを変換／メインを選択する。
３．「ループ」に整数値を入力して、「OK」をクリック。

以上。
いいかげん覚えろ、俺。

ジオメトリパイプラインとは3Dオブジェクトを画面に描画するための座標変換のこと。

変換の流れは以下。

1 . ローカル座標で3Dオブジェクトを組み立てる。
2 . ワールド座標変換
3 . ビュー座標変換（またはカメラ座標変換ともいう）
4 . プロジェクション座標変換（または射影変換ともいう）
5 . スクリーン座標変換（またはビューポート座標変換ともいう）

ちょっと間違ってるところありそうだけど以上。

SanDisk | zoom±ZOO

サンディスク様「SanDisk | zoom±ZOO」の制作に関わらせていただきました。

動物写真家、前川貴行氏が撮り下ろした、地球に生きる命の数々を記録したフォトギャラリーです。

今回は「大きく、残そう。」というテーマのもとに、高画質で美しい写真を記録に残していくということはもちろん、心を揺さぶられた時の人間の気持ち、つまり感動や思い出も記憶に残していってもらいたい、というサンディスクの思いが込められています。

個人的にはインタラクションデザインとFlash開発を担当させていただきました。
前川氏の撮り下ろした迫力のある動物達の命の記録を、可能な限り等身大に近いサイズまで拡大させることで、写真自体の持つ活き活きとした迫力をより引き立たせ、見ていただいた方に驚きや興奮、または喜びや癒しなど、様々な感情を抱いていただければという思いで制作いたしました。

また、写真の切り替わるトランジションでは、１０種類の動物それぞれに異なったモーションをつけています。
有機的な（動物的な）動きと、サイトのテーマでもあるズーム感を感じてもらえるようなモーションに注力してみました。

さりげない機能として、それぞれの写真に対して抱いた感情を５パターン（Surprise、Excite、Relax、Cute、Cool）の中から選択して投稿できたり、その結果を絞込みできる機能もつけました。

さらに、野生動物の宝庫「ボルネオ島」の旅などが当たるプレゼントキャンペーンもやっております。

USJ宇宙じゃんけん

もう随分前にやらせて頂いたお仕事の話です。
ユニバーサル・スタジオ･ジャパンが2010年3月19日にオープンした本格的宇宙体験ライドアトラクション、スペース・ファンタジー・ザ・ライドのキャンペーンサイト「USJ宇宙ジャンケン」の制作をさせていただきました。

スペース・ファンタジー・ザ・ライドは、危機に瀕している太陽をみんなで助けに行くというストーリーのライドアトラクション。「USJ宇宙ジャンケン」もアトラクションと同様に、太陽を救うというミッションのため太陽系の8つの各惑星にいるAKB48とジャンケン対決して勝ち進み、太陽を救いに行くというものです。太陽に到達した人の中から抽選でケネディ宇宙センター見学付きアメリカオーランド6日間の旅や賞金100万円が当たります！

サイトは2010年5月末日までの公開ですので、豪華賞品目指してAKB48相手にじゃんけんで勝ちまくって、太陽到達に挑戦してみてはいかがでしょうか。
またmixiアプリ版も制作しました。mixiアプリ版ではサイト版とは別の豪華賞品が当たります！

EXILIMケータイ フォトアワード
またまた、公開してから、随分月日が経ってしまいましたが、
カシオ計算機様の「EXILIMケータイ フォトアワード」の制作をさせていただきました。

EXILIMケータイ フォトアワードは、期間ごとに決まったテーマ（笑えた一枚、元気になれた一枚、感動した一枚）に沿ったケータイフォトをユーザーに送付してもらい、その中から、グランプリ、準グランプリ、ベストショット賞、入賞が選ばれるというコンテンツになっています。

私個人としては、Flash Developを担当したわけですが、
今回は、応募していただいたユーザーの皆様の渾身の一枚を、より楽しく見ていただけるように、
「笑えた」、「元気になれた」、「感動した」の三つのテーマごとに、写真の動きやインタラクションなどの演出に注力してみました。
関係者の皆様、お疲れ様でした。

SanDisk | サンディスク　地球を記録に残したい。

公開から少し日数が経ってしまいましたが、サンディスク様の「エクストリーム® プロ™ コンパクトフラッシュ」に引き続き、「地球を記録に残したい。」の制作に関わらせて頂きました。

美しい地球の姿を後世に伝えていくことが、フラッシュメモリカード世界No.1ブランドであるサンディスクの使命であるというコンセプトの元、ナショナルジオグラフィックチャンネルと世界遺産写真家・平山和充氏とコラボレーションし、地球の美しい姿をムービーとフォトギャラリーで展開するコンテンツになっています。

また、旅行やフォトフレームが当たるプレゼントキャンペーンも2010年１月31日まで開催しております。

例えばHOMEディレクトリ/Works/にあるMain.asをコンパイルする場合。
1.ターミナルを起動。
2.ディレクトリをHOMEディレクトリ/Works/に移動 (cd ~/Works/と入力してreturn)。
3.mxmlcキーワードに続いてコンパイルしたいファイルを指定 (mxmlc Main.asと入力してreturn)。

以上。

マリオ死にすぎ
キノコの美味しい季節になってきましたね♪

厳密には約2年5ヶ月ほど前に作ったまま、放ったらかしにしておいたアカウントを再開させた。

この長い沈黙の歳月の間に、いったいどれほどの人がどれほどつぶやいたのだろうか。。。

2年5ヶ月という歳月がたったの100ピクセル強でおさまってしまう。。。
2007年5月11日の自分のつぶやきが、移り変わりの早いこの世界では、まるで化石のようであり、いとおしくもある。

このブログの最初のエントリーにも書いたが、これで、今年の目標を達成してしまった。
今年の残り2ヶ月間は、来年の目標でも、ゆっくりまったり考えていこう。

Pixel Benderは、Adobe Flash Player 10、Adobe After Effects等がサポートするグラフィックス処理エンジン。
Pixel Benderの言語は、3Dレンダリングピクセル描画処理の最適化に用いられる、フラグメントシェーダ言語（GLSL：OpenGL Shading Languageなど）に基づいて開発されているとのこと。Flash Playerでは、このPixel Benderのプログラムを利用してフィルタやブレンド、面または線の塗りを独自に作成することができる。

Pixel Bender Toolkitで新規Filterファイルを作成すると、以下のようなデフォルトのソースが生成される。

kernel NewFilter
<   namespace : "Your Namespace";
    vendor : "Your Vendor";
    version : 1;
    description : "your description";
>
{
    input image4 src;
    output pixel4 dst;

    void
    evaluatePixel()
    {
        dst = sampleNearest(src,outCoord());
    }
}

以下、ざっくりメモ。
・Parameterを定義すると、実行したときにツールの右側エリアにスライダーが表示されて動的にパラメータを変更できるようになる。
・inputは入力画像を宣言するキーワード。
・outputは出力するピクセル色を宣言するキーワード。
・実際のシェーダーの処理はevaluatePixelメソッド内に記述。このメソッドで指定した処理が、
描画領域の全ピクセルに対して実行される仕組みになっている。
・outCoordメソッド : 処理中のピクセルのグローバル座標を返す。
・sampleNearestメソッド : サンプリングメソッド。入力画像の所定の座標に最も近いピクセルのチャンネル値が含まれたベクトルを返す。戻り値はfloat4型で、それぞれrgbaにてアクセスできる。第一引数に入力画像、第二引数で位置を指定。戻ってきた値をoutput変数に割り当てるのが一般的な処理の流れ。
・distanceメソッド: 2点間の距離を算出。
・float3×3型は行列データ型。asのMatrixクラスみたいなもの。
・Flashで使用する場合、ループ処理、配列、カスタム関数は使用できない。
・浮動小数点数を記述する際には、必ず小数点まで記述しなければならない。
・Flashで使用するには、.pbjという形式のバイトコードデータとして書き出してFlashで読み込むもしくは埋め込む。
・どうやらFlash Player 10ではまだGPU機能が有効になってない模様。なんじゃそれって感じ。早く対応してほしい。

ついにセカイカメラが一般公開された。
現実世界とインターネットをつなぐ新しい情報ブラウジングとコミュニケーション。
ARが社会にどのような影響を及ぼすのかなー。

Flash Player 10 におけるセキュリティ変更はakihiro kamijo: Flash Player 10 におけるセキュリティ変更を参照。

要は、クロスドメイン間のデータのやりとりをしたければ、
参照される側のサーバールートにポリシーファイル（crossdomain.xml）を設置し、
ポリシーファイル内で、メタポリシーを設定してくれっていう内容。

サーバーのルートに、ポリシーファイルの設置が可能であれば、特に問題はないのだが、
共有サーバーなどを使用しているケースでは、
基本的にはサーバーのルートにポリシーファイルを設置できないことが多い。
実際にこの問題に直面している記事があったので、以下参照。
RIAトピック: 【trick7】crossdomain.xml 格納場所を変更しても外部ドメインのルートからも呼び出そうとする問題

で、この問題の有効な対処法が以下。
FLASH-japan: サイトルートにポリシーファイルを置けない環境下でのクロスドメイン運用について

上記の記事はHTTPヘッダーを使って解決するという方法。

別ドメインからのアクセスを許可するファイルと同じ階層かそれ以上のディレクトリに、ポリシーファイルを設置。
Flash側では、loadPolicyFileメソッドで、設置したポリシーファイルを予め読み込んでおく。

さらに、ポリシーファイルと同じディレクトリにHTTPヘッダーを設定した.htaccessを設置。
こうすることでサーパーのルートにあるはずのポリシーファイルよりも、
.htaccessと同じディレクトリにあるポリシーファイルの読み込みが優先されるので、
サーパーのルートのポリシーファイルを読みにいかなくなり、セキュリティエラーが出なくなるということのようだ。
gaienboy様、ありがとうございます。

上記のようにサーバーにポリシーファイルが置ける場合はいいとして、
ポリシーファイルを絶対に設置できない場合はどう対処したらいいだろうか？
例えば外部のWebAPIサービスを利用する際などは、ポリシーファイルを設置していないサービスも多い。
こういったケースでは、Flashからの（ActionScriptからの）外部APIへのアクセスができない。

このケースでの有効な対処法がこれ↓
YOPPA BLOG: Flash(AS3)でcrossdomain.xml無しにクロスドメインにアクセスする

要は、PHPでProxyを設定して、Proxy経由で外部APIから情報を引っ張ってくるという方法。
この方法を用いれば、ポリシーファイルを設置していないサービスでも情報を引っ張ってこれる。
YOPPA BLOG様、あざーす！

SanDisk | カメラよ、私について来れるか。サンディスク エクストリーム® プロ™ コンパクトフラッシュ
SanDisk様の世界最速のコンパクトフラッシュ、
「サンディスク エクストリーム® プロ™」 の訴求コンテンツの制作をさせていただきました。
個人的には、Flash開発とモーショングラフィックス制作を担当しました。

プロダクトの持つ4つの特徴（スピード、信頼性、耐久性、大容量）を、
ユーザーの方に直感的に感じていただけるように、
具体的、抽象的、どちらにもなりすぎないヴィジュアル表現に注力してみました。

関係者の皆様、お疲れ様でした。