iOS 7の視差効果を詳しく見る

AppleのiOS 7は、生き生きとしたユーザーインターフェースのアニメーションやエフェクトを巧みに用いてユーザーを楽しませることを目指しています。物理法則、半透明、スモークパネルといった視覚的なトリックを駆使し、多層的な外観を実現しています。その一つが、ホーム画面のアイコンを背景画像とは別のレイヤーに配置することで立体感を生み出す、いわゆるパララックス効果です。

デバイスを動かすと、アイコンの背後にある壁紙がわずかに傾き、この魔法が現実のものとなります。この効果はシステム全体の他のいくつかの場所でも確認でき、iOS 7の新しいAPIを介してお気に入りのアプリにも適用されます。この魔法の背後にある科学について疑問に思ったことがあるなら、ここに答えがあります…

Apple の iOS 7 ウェブページをちょっと訪れても、この技術についてはほとんど何も分かりません。

iOS 7は、iPhone、iPad、iPod touchのテクノロジーを最大限に活用し、iOSエクスペリエンスをさらに進化させます。明確に区別された機能レイヤーにより、奥行きが生まれ、階層構造と秩序が確立されます。

半透明素材の使用により、文脈や場所の感覚が表現されます。また、アニメーションとモーションへの新たなアプローチにより、最もシンプルなタスクでさえも、より魅力的なものになります。

この魔法の背後にある科学的な説明に入る前に、iOS 7 の視差効果を紹介する Jeff のビデオをご覧ください。

開発者の Marco Tabini 氏が、MacWorld の投稿でこのプロセスを説明しています。

簡単に言うと、iOS 7 は iPhone のジャイロスコープと加速度センサーからの入力を巧みなコーディングと、元々はロケット誘導用に考案された技術と組み合わせて遠近感を演出します。

デバイスを 3 つの運動角度のいずれかの周りで回転させると、ニュートンの運動の第一法則により、iPhone 内部のジャイロスコープ センサーは方向の変化に抵抗する傾向があります。

これにより、ハードウェアは携帯電話やタブレットの回転速度と方向を測定できるようになります。

ジャイロスコープは、加速度計と呼ばれるいくつかの追加センサーと連携して動作し、デバイスが相対位置の変化をかなり高い精度で把握できるようにします。

「使用中に携帯電話をどこに置く傾向があるかという確かな推測と組み合わせることで、視差の錯覚が可能になるのです」と彼は説明します。

しかし、これはホーム画面だけではありません。iOS 7 では、Safari で開いているタブをナビゲートするときや、共有シートなどのアクションシート全体で視差効果が使用されます。

私のお気に入りの実装は、フォルダをタップすると壁紙画像が少し拡大表示されることです。これは、iOS 7のアイコンが宙に浮いているような錯覚を起こさないために必要な、もう一つの工夫です。

Apple 社はまた、iOS 7 のプロモーション クリップで視差効果の宣伝に時間を費やしました。

http://www.youtube.com/watch?v=F0ErUMeT7uE

Apple 社がこの効果をデフォルトで有効にすることを選択したこと、そしてそれが日常的な使用で見られることを承知していることから、バッテリー電力をあまり消費せずにこれを機能させる方法を見つけたことがわかります ([設定] > [一般] > [アクセシビリティ] > [視差] で視差を無効にできます)。

それは単なる仕掛け以上のものだとタビニ氏は主張する。

画面は、アプリを描くキャンバスから物理的な世界への窓へと変化します。そこでは、今日のモバイル アプリの偽のリアリズムが、より人工的でありながらよりリアルに感じられるビジュアルに置き換えられます。

実際、開発者は iOS 7 の新しいモーションエフェクト API を使用して、アプリに視差効果を実装できます。

つまり、お気に入りのアプリは、iOS 7 用に最適化されると、デバイスを動かすとさまざまなユーザー インターフェイス オブジェクトが 3D で動いているように見えるようになります。

視差効果のハードウェア要件は、iPhone 3GS や第一世代 iPad など、ジャイロを内蔵していないデバイスが iOS 7 の互換性リストに載らなかった理由も部分的に説明しています。

プロのヒント：iOS 7でパノラマ画像を壁紙に設定し、デバイスを動かしてみてください。視差効果とは全く関係ありませんが、それでも素晴らしい結果が得られます。

iOS 7 の視差効果についてどう思うか、コメント欄で教えてください。