フラットスクリーンは平らに感じます。視聴者は近づいて、そこにない深さをつかもうとしています。新しい段ボールディスプレイのアイデアを売り込むとき、私は同じフラストレーションに直面します。
各目を異なるビューを駆動し、視差、シェーディング、動きなどの余分な深さの合図をブレンドすることで、通常のディスプレイに3Dを構築し、脳は両方の写真を信じられる空間に縫います。
トリックだけでは注目を集めません。私と一緒にいてください。私はすべてのキュー、ツール、ショートカットを分解します。
画面を3Dにするものは何ですか？
顧客は、明るい色を示すが決してポップではないフラットパネルを見つめています。彼らは約束と現実の間のギャップを感じます。私は前四半期の制作フロアでそのギャップに取り組んだ。
画面は、モーションパララックス、立体的オフセット、シェーディング、相対サイズなどの深さの合図を強化しながら、両眼に異なる視点に供給する場合にのみ3Dを感じます。
重要な深さのキュー
私は人間のビジョンから始めます。各目は約65 mm離れており、自然な角度を与えます。ソフトウェアは、2つのフレームをレンダリングすることでそれを偽造できます。1つは左目に、もう1つは右側です。これらのフレームが、アクティブなシャッターメガネまたは視差バリアを使用して同じパネルを迅速に連続してヒットすると、脳はそれらを一緒にロックします。しかし、立体鏡1は1つにすぎません。片目を閉じていてもモーションパララックス2。シェーディング、閉塞、サイズのスケーリングにより、ヒントが追加されます。
| キュー | コストの影響 | セットアップ速度 |
|---|---|---|
| ステレオペア | 中くらい | 適度 |
| モーションパララックス | 低い | 速い |
| シェーディングと光 | 低い | 速い |
| サイズのスケーリング | なし | インスタント |
幻想を段階的に構築します
まず、3Dソフトウェアから2つのカメラビューをエクスポートし、平均球体間距離で相殺します。第二に、私は互換性のあるプレイヤーに、それぞれの目のフレームをフリップするタイミングを伝えるメタデータを埋め込みました。ライブデモ中に、ゆっくりと周回するカメラを追加して、微妙な視差を贈ります。クライアントはすぐに傾いています。段ボールディスプレイでは、リムライトを誇張しているので、エッジがポップし、本当の影を模倣します。予算が特別なメガネを禁止する場合、私は狭帯域のレンチキュラーオーバーレイ3 。マスプリントに移動すると、ユニットあたりセントがかかり、画面にまっすぐ接着します。オーバーレイは、各眼に独自のピクセル列を送信します。それは完璧ではありません - ファインテキストはぼやけます - しかし、クロスボウが前方に浮かぶとき、店の買い物客は店の凍結します。その一時停止は、より高いセルスルーに等しいため、このローテクなトリックを洗練し続けています。
3Dモニターはありますか？
机の上に着地した最初の「3Dモニター」サンプルを覚えています。それは暗いオフィスで驚いたが、買い手が高い価格設定を恐れていたため、一括注文は停止した。
はい、専用の3Dモニターが存在します。視差障壁、レンチキュラーレンズ、またはアクティブなシャッターテックを統合して、新しいコンピューターを必要とせずに各目に個別の画像を配信します。
一般的な3Dモニタータイプ
すべてのユニットは、1つの目標、つまり目の特異的な画像を支出するものですが、方法が異なります。
| モニタータイプ | ギアの表示 | 長所 | 短所 |
|---|---|---|---|
| アクティブシャッターLCD4 | バッテリーグラス | フル解像度 | メガネの疲労 |
| 受動的偏光5 | 安いメガネ | ライト;安い | 半分の垂直解像度 |
| オートステオスコピックレンチキュラー6 | なし | ガラスなし | 狭いスイートスポット |
| ライトフィールドパネル | なし | マルチビューの自由 | 非常に高いコスト |
実際のプロジェクトの選択
小売ロールアウトを計画するときは、最初にターゲットのトラフィックを一覧表示します。 1人の買い物客だけがDead Centerが立っているキオスクの場合、オートステロスコピックデスクトップが機能します。狭いスイートスポットはポジティブになります。視聴者をプライムポジションに導き、注意をロックします。群衆でハミングする展示会の場合、受動的な偏光パネルが勝ちます。これらは、ユーザーが処方レンズの上に滑ることができる低コストのメガネの山を許可します。解像度の低下は、鮮やかなブース照明と大胆な製品レンダリングによって隠されています。私は、エグゼクティブピッチのみでアクティブなシャッターリグを予算化します。完璧なピクセルの明瞭さは、利便性よりも重要です。 CEOがBarnett Outdoorsのピッチ中にゴーストについて不平を言った後、私はそのトリックを学びました。シャッターパネルのより高いリフレッシュレートが問題を殺し、取引を終了し、アップグレード料金を3回覆いました。あらゆる場合において、ディスプレイを段ボールのスタンディーとペアリングし、スタンドにレンチキュラーアートを一致させて、モーション効果が画面から物理ボックスに流れます。そのまとまりは、買い物客の心の中に3Dストーリーを固定し、さらに重要なことに、再オーダーを確保します。
どんな画面でも3Dを見ることができますか？
タイトな起動ウィンドウには、派手なパネルの余地がない場合があります。私のチームは、普通の店舗のタブレットを一晩で3Dティーザーに変換する必要があります。
標準のWebブラウザ内で実行されるレッドシアンアナグリフ、ウィグル画像、または深度マップ駆動型の視差アニメーションを使用して、立体視フレームをオーバーレイして、任意の画面で3Dをシミュレートできます。
ソフトウェアのみのトリック
最古のハックはアナグリフです。左ビューの色合いのシアンと右ビューの色合いの赤をレンダリングし、結合します。視聴者は、一致するフィルターを備えた安価な紙のメガネが必要です。それは微妙ではありませんが、色のシフトは劇的なヒーローの画像で機能します。 GIF Wiggleはまだ簡単です：2〜4 Hzの代替左右のフレーム。脳は振動を知覚された深さに変換します。背景層をロックして前景を微調整するだけでぐらつきを隠すので、神経質な買い物客はめまいがしません。
| 方法 | エクストラギア | 色の忠実度 | 最適です |
|---|---|---|---|
| レッド・シアン・アナグリフ7 | 紙のメガネ | 貧しい | 印刷広告 |
| gif8 | なし | 良い | ソーシャルメディア |
| webgl視差 | なし | 高い | 製品ページ |
| 深度マップCSS9 | なし | 中くらい | モバイルアプリ |
起動前に実用的なチェックリスト
まず、両方のステレオフレームを2倍の解像度でエクスポートします。圧縮は、古い錠剤の詳細を樹立します。第二に、HTMLに代替テキストを埋め込んだので、検索クローラーはまだシーンを読みます。第三に、色盲検ユーザーの疎外を避けるために、プレーンな2Dフォールバックを提供します。 Barnett's Holiday Campaignを構築したとき、Wiggle Loopをタイミングして、クロスボウの弓が1秒ごとに並んでいるようにしました。最後に、実際のストアで明るさをテストします。一番上の通路は繊細なシェーディングを洗うことができるので、後期の合成中にコントラストを10％増加させます。これらのマイクロステップは数分かかりますが、カジュアルハンターが停止し、タップして、注文するかどうかを決定します。私に教えてくれました：準備に少し努力し、後でサポートコールを大幅に節約してください。
結論
深さは脳のトリックです。キューを選び、予算に合わせて一致させると、謙虚な店のタブレットでさえ、フラットピクセルを販売するストーリーに変えることができます。
立体鏡検査について学ぶことで、さまざまな分野での3D視覚化とその応用の理解を深めることができます。 ↩
モーションパララックスを理解することで、深さの知識に関する知識を高め、視覚的なデザインスキルを向上させることができます。 ↩
レンチキュラーオーバーレイを探索すると、視覚的な経験を向上させる革新的なディスプレイ技術に関する洞察を提供できます。 ↩
このリンクを調べて、アクティブなシャッターLCDモニターの完全な利点と欠点を理解します。これは、情報に基づいた決定を下すために重要です。 ↩
受動的な偏光技術がどのように機能するか、および小売アプリケーションに不可欠な3D視聴体験に対するその意味を発見してください。 ↩
顧客エンゲージメントを強化するために、特に小売セットアップのオートステロスコピックレンチキュラーディスプレイの利点について学びます。 ↩
Red-Cyan Anaglyphsの背後にあるメカニズムと、印刷広告で印象的なビジュアルを作成する方法を発見してください。 ↩
このリンクを調べて、GIFがソーシャルメディアでのエンゲージメントを強化し、コンテンツをよりダイナミックで魅力的にする方法を理解してください。 ↩
深度マップCSSと、深さ効果を備えたモバイルアプリケーションでのユーザーエクスペリエンスを強化する可能性について学びます。 ↩