GYRE World Reflector
表参道にできた商業施設GYREのモーションロゴというか、モーションシンボル的なインスタレーションやりました。GYRE World Reflectorといって、特定のテーマの文章をWEBから拾ってきて読み上げ＆曼荼羅っぽいものを生み出すビジュアライザです。
WorldReflectorはWEBサイトでもバックグラウンドとして使われて、オンラインでも見えます。なのでウェブ担当はArtlessさんだけど、背景のみthaという珍しい戦力配分。
Design / Flash: Takayuki Fukatsu @ tha ltd.
Direction: Yugo Nakamura @ tha ltd.
Sound Direction / BGM / SE: DAJI @ DAJISTUDIO
Technical Direction / System: Keita Kitamura @ tha ltd.
Web site: artless Inc.
Mobile site: Nihon Enterprise Co.
Agency: GT INC / Wieden+Kennedy
今回は文字列のカーニングさせつつ、回転配置するというところに結構大苦戦。Flashの基本的なAPIだとカーニング幅って取得できない。なんで、ちょっとトリッキーなことをやってます。
例えば AW のカーニング幅を計算したい場合、まず「Aの文字幅」と「Wの文字幅」の和と、「AWの文字幅」の差分をとれば、それがカーニング幅なんすよね。
式にすると↓みたいな感じ。
Kerning = ( “A”.width + “W”.width ) - “AW”.width
いままで一度も使う機会なく４年ぐらい放置されてたネタが、ついに日の目を見てうれしかったっす。あとプロトタイプは秒速数ミリというトンデモな速度でしたが、色々頑張って高速化ノウハウが色々たまりました。ほぼこの1ヶ月高速化との戦いだったといっても過言ではない感じ。
ちなみにGYREはMOMAのデザインショップがオススメです。時間あるとき遊びにいきたいけど、休日原宿まででるの大変だなぁ。