Interactive Film いつも可愛い

Cast: 蓮佛 美沙子
Creative Director/Director: 正村 堅太郎 (博報堂)  Producer: 嶋田 明 (ARMZ)
Production Manager: 小林 政隆, 大塚 夏海 (ARMZ) Cinematographer: 永森 芳伸
Stylist: 小林 新 (高橋事務所) Hair&Makeup Artist: 遠藤 真稀子 (高橋事務所)
Casting: 小寺 泰史, 伊藤 渉太 (e-Spirit) Art Director/Designer: 永嶋 敏之, 金原 祟人 (METAPHOR)
Front End Engineer: 小山田 晃浩, 高津戸 壮 (PixelGrid) System Engineer: 明石 岳人, 神宮 嘉孝 (WEBSTER)

この企画について

Creative Director/Director: 正村 堅太郎 (博報堂)

SUPER VIEW というタイトルの CD に収録された「いつも可愛い」という曲のミュージック・フィルムをつくるにあたり、可愛い女の子を被写体にした SUPER VIEW をつくろうと考えました。どんな女の子が可愛いかを考えた時に、容姿が綺麗でも、よそよそしかったり、すました様子の女の子は、可愛くないと思いました。女の子との「親密さ」を描くことで「可愛いさ」を表現しようと考えました。そうこうしていて、フィルムの中の女の子とインタラクティブに触れ合うアイデアを思いつきました。新しい Windows UI の IE10 なら画面に直に触ることでブラウザを操作できますが、フィルムの女の子と触れ合えることで「親密さ」つまり「可愛いさ」を表現できると考えました。

フィルムの終わりの方に、すれ違うロープウェイに向かって手を振るシーンがありますが、そのすれ違うロープウェイにキリンジのお二人が乗っていて、彼女に向けて手を振るカットを撮りたかったんです。お二人のレコーディングのスケジュールの都合でそれは出来なかったのですが、キリンジの次のアルバムはとても楽しみです。

標準技術で実装する
インタラクティブコンテンツ

Front End Engineer: 小山田 晃浩 (PixelGrid)

私はインタラクション部分、つまり、ボタンの表示方法やそのアニメーションの実装を行いました。これらの表現には HTML5 Canvas を採用しています。といっても Canvas 自体は低機能であるため、Paper.js というラッパーライブラリーを用いて Canvas の機能を補っています。コンテンツ内での Canvas を用いた処理は、IE10 でかなり滑らかに動くという印象がありました。これは IE10 が GPU をフル活用しているためでしょう。

さて、新しい Windows UI の IE10 ではプラグインを外すという決断をしたわけですが、これは、HTML5 が従来のプラグインを要する表現に追いつきつつあるという Microsoft の判断があったとも思うのです。

現に、このコンテンツはその証明の一つになっていて、動画のコントロールと表現のコントロールが HTML と CSS, JavaScript でできています。

進化するブラウザ

Front End Engineer: 高津戸 壮 (PixelGrid)

私は動画の途中で現れるストーリー分岐のインタラクション以外の実装を担当しました。本作品は、video, audio, canvas, CSS transitions, CSS 3D transforms 等の、最近ブラウザに実装されだした機能を多く取り入れています。このようなインタラクティブムービーをブラウザ上で見せるには、今までは Flash 等のプラグインを利用しなければ実現出来ませんでした。

しかし、現在では HTML5 周辺の標準技術を利用することで、このような体験を提供することができます。実際のところ、これらの実装は単純には実現できないものでした。このような Web の新しい技術は、まだ仕様策定が続けられている段階であり、ブラウザの実装が先行して仕様が決まるというような現状があります。

それ故に、ブラウザごとの違いを吸収するハードルは、まだかなり高いものであると感じられました。パフォーマンスの問題も大きく立ちはだかりました。実際のところ、iPhone、iPad では現状、このような方法で video を扱うことは、まだ出来ません。しかし、このような表現がブラウザだけで実現できるようになったことで、今後、Web で提供することのできる体験は、よりよいものになっていくことが期待出来ます。最新のブラウザで、本作品をお楽しみ頂ければと思います。

JASRAC許諾番号 9008676040Y31018