ハンガー・ゲーム：マイクロソフトとライオンズゲートが新サイトでHTML5の限界に挑戦
トッド・ビショップ著
これは未来の兆しだろうか？ライオンズゲートは今朝、HTML5とレスポンシブデザインを採用した「ハンガー・ゲーム」の次回作を宣伝する新しいウェブサイトを公開した。デスクトップパソコン、タブレット、スマートフォンのいずれにも対応したカスタマイズされた体験を提供している。
「ハンガー・ゲーム・エクスプローラー」と呼ばれるこのプロジェクトは、映画スタジオとマイクロソフトのInternet Explorerチームとの最新の提携であり、昨年の映画1作目の公開に先駆けて公開されたキャピトル・シティのバーチャルツアーに続くものです。これは、ハリウッドの映画スタジオが映画サイト構築において従来依存してきたAdobe Flashから脱却しようとするマイクロソフトの取り組みの一環です。
この新しいサイトは、11月公開予定の映画『ハンガー・ゲーム2 キャッチング・ファイア』のプロモーションのためにRED Interactive Agencyによって開発されました。グリッド形式のアプローチを採用しているため、最初は少し戸惑うかもしれませんが、基盤となる技術によって、幅広いカスタマイズとフィルタリングが可能です。このサイトのこちらのページでは、舞台裏の技術的な詳細について解説しています。
「従来のフローティンググリッドレイアウトではなく、JavaScriptを使用して各ブロックを配置しました」とサイトは説明しています。「これにより、あらゆるサイズのブロックが隙間なくきれいに収まるようになりました。ブラウザのサイズが変更されると、各ブロックの位置を再計算し、XboxのIEを搭載したテレビ、ノートパソコン、タブレット、HTML5対応スマートフォンなど、画面解像度に関係なく、ブロックがスムーズに配置されます。」
このサイトはここからアクセスでき、さまざまなブラウザで動作しますが、Microsoft によれば、Windows 8 の Internet Explorer 10 で表示するのが最適です。
