USDZ 製品モデル: AR コマース ワークフロー (ガイド)

usdz product model workflow across apple devices

TL;DR

  • USDZ を使用すると、買い物客はアプリをインストールせずに、サポートされている iPhone または iPad 上で AR Quick Look で商品を開くことができます。
  • ソース モデルをダウンロードするか、既存の 3D アセットを変換するか、画像またはテキスト プロンプトから生成することで、ソース モデルを取得します。
  • Tripo は USD をエクスポートします。 USDZ パッケージ化と Apple デバイスの検証は、サポートされているダウンストリーム ワークフローで行われます。
  • 開始ターゲットとして約 4 ~ 8 MB および 200,000 個以下のトライアングルを使用し、代表的なデバイスでパフォーマンスをテストします。
  • Apple Quick Look 用の USDZ を埋め込み、Android および対話型デスクトップ表示用の GLB フォールバックを提供します。

USDZ 製品モデルを使用すると、買い物客は iPhone または iPad で製品を開いて、AR Quick Look を使用して実物大で表示できます。ワークフローは、3D モデルを生成、USD をエクスポートし、USDZ としてパッケージ化し、モバイル用に最適化して、製品ページに埋め込むことです。

USDZ 製品モデルとは何ですか? (そして Apple がそれらを使用する理由)

USDZ 製品モデル は、e コマース、マーケティング、拡張現実向けに Apple の USDZ 形式でパッケージ化された 3D アセットです。 USDZ は、Pixar の Universal Scene description フレームワークに基づいており、3D アセットを Apple デバイス間で簡単に配布できるようにするために、Apple が Pixar と協力して導入しました。

.usdz ファイルは、USD シーン データとそのサポート アセットを 1 つのポータブル ファイルにパッケージ化した非圧縮 ZIP アーカイブです。これには、ジオメトリ、PBR マテリアル、テクスチャ、アニメーションを含めることができます。単一ファイルのパッケージにより配信が簡素化されますが、読み込みパフォーマンスは依然としてモデルのジオメトリ、テクスチャ、および合計ファイル サイズに依存します。

製品モデルのコンテキストでは、USDZ は通常、オンライン ストア、広告、AR エクスペリエンスで使用される物理的な製品のリアルな 3D 表現を指します。小売業者はこれらを使用して、顧客が購入前に製品をローテーションしたり、詳細を検査したり、家具、ファッション アクセサリー、電化製品、その他のアイテムを自分の環境で直接プレビューしたりできるようにします。

USDZ が Apple の推奨 AR 形式になった最大の理由は、AR Quick Look** のネイティブ サポートです。サポートされている iPhone および iPad では、ユーザーは USDZ モデルを Safari、メッセージ、メール、またはその他の Apple アプリで直接開き、別のアプリをダウンロードすることなく、現実世界に即座に配置できます。この直接的な経験により、USDZ は Apple のエコシステム全体での AR 製品プレビューの標準形式になりました。

USDZ と USD - 違いは何ですか?

名前は似ていますが、USDUSDZ は異なる目的を果たします。

USD は、Pixar の柔軟なシーン記述形式です。制作中に複雑な 3D シーンを作成、編集、管理するために設計されています。アーティストは大規模なプロジェクトを整理し、外部アセットを参照し、ワークフロー全体を通じてシーンを継続的に変更できます。

USDZ は、対照的に、USD 上に構築された、パッケージ化された非圧縮アーカイブです。シーンとサポート アセットを単一の .usdz ファイルにまとめて配布および表示します。

  • USD = 編集可能なプロダクション シーン。
  • USDZ = 配信および表示用にパッケージ化されたポータブル ファイル。

e コマースと AR の場合、顧客が必要とするファイルは 1 つだけであり、Apple デバイスは AR Quick Look を通じて即座に開くことができるため、通常は USDZ がより良い選択となります。

usdz product model package and ar quick look

USDZ が AR コマースにとって重要である理由

USDZ は、e コマースの商品ページを Apple の組み込み AR エクスペリエンスに接続します。これは、規模、外観、または空間への適合性が購入の決定に影響を与える、家具、装飾品、アクセサリー、電子機器などの製品に特に役立ちます。

サポートされている Apple デバイスでは、買い物客は別のアプリをインストールしたりアカウントを作成したりせずに、「AR で表示」 をタップし、Safari から AR Quick Look を起動できます。

ブランドの場合、3D プレビューと AR プレビューは、買い物客が購入前にスケール、外観、空間適合性を評価するのに役立ちます。ビジネスへの影響は、製品カテゴリ、モデルの精度、ページのパフォーマンス、AR オプションの表示方法によって異なります。そのため、チームはエンゲージメント、コンバージョン、収益を独自の製品ページのベースラインと比較して測定する必要があります。

USDZ は、より広範な Apple エコシステム全体でも機能します。単一の USDZ モデルは以下で表示できます。

  • iPhone
  • iPad
  • マック
  • Apple Vision Pro

このネイティブ互換性により、ブランドは複数の Apple 固有の 3D フォーマットを維持することなく、Apple のデバイス間で一貫した AR エクスペリエンスを提供できます。

ar commerce product preview on iphone

USDZ 製品モデルの入手先 - 3 つのルート

既製のアセット、正確な CAD または 3D モデル、開始モデルの生成に使用できる製品イメージなど、すでに持っているものに基づいてソース ルートを選択します。

ルート A - 既製モデルのダウンロード

プロトタイプまたはデモンストレーション用の汎用オブジェクトが必要な場合は、Apple の Quick Look ギャラリーまたは 3D マーケットプレイスからモデルをダウンロードします。商用利用する前に、ライセンス、寸法、素材、ビジュアル品質を確認してください。

ルート B - 既存の 3D アセットの変換

OBJ、glTF/GLB、FBX、STEP、または CAD アセットをすでに所有している場合は、そのジオメトリを再利用し、Apple AR パイプライン用に変換します。 USDZ パッケージを作成する前に、メッシュ、マテリアル、テクスチャ、スケールをクリーンアップします。

ルート C - AI を使用して写真またはテキストから生成

ソース モデルがない場合は、製品写真には Image to 3D を、コンセプトには Text to 3D を使用してください。商用利用する前に、形状、寸法、テクスチャ、ブランド、SKU の精度を確認してください。

一般的なワークフローは次のようになります。

  1. 製品の写真をアップロードします (またはテキストの説明を入力します)。
  2. ソース 3D モデルを生成します。
  3. 必要に応じて、ジオメトリを確認して調整します。
  4. USD をエクスポートし、サポートされているダウンストリーム ツールで USDZ としてパッケージ化します。
three routes to usdz product models

USDZ 製品モデルを作成する方法 (ステップバイステップ)

核となるワークフローは次のとおりです: クリーンなモデルを作成 -> PBR マテリアルを適用 -> USD をエクスポート -> USDZ をパッケージ化 -> Apple デバイスでプレビュー。どの段階でも、商品の規模と買い物客が検査する必要がある詳細を保持する必要があります。

ステップ 1 - クリーンな 3D モデルを取得する

すべては高品質の 3D モデルから始まります。実際の製品を撮影している場合は、きれいな背景に 単一の被写体が写った、鮮明で明るい画像を使用してください。通常、複数の視野角を使用すると、1 枚の写真よりも正確な再構成が生成されます。

すでに CAD モデルまたは別の 3D アセットをお持ちの場合は、代わりにそのジオメトリを再利用できます。重要なのは、次に進む前に、メッシュがクリーンで、正しくスケールされ、不要なジオメトリがないことを確認することです。

ソース モデルがない場合は、製品画像またはテキスト プロンプトからソース モデルを生成し、エクスポートする前にアセットを確認します。

  1. 製品の写真をアップロードするか、テキスト プロンプトを入力してください。
  2. 3D モデルを生成します。
  3. 必要に応じて、ジオメトリを確認して調整します。
  4. モデルを USD としてエクスポートします。

ステップ 2 - テクスチャを付ける (PBR マテリアル)

ジオメトリだけでは、説得力のある AR 体験を得るには十分ではありません。 物理ベース レンダリング (PBR) マテリアルを適用して、製品が Apple デバイスの照明に自然に反応するようにします。

典型的な PBR テクスチャには次のものがあります。

  • ベースカラー (アルベド)
  • 通常マップ (表面の詳細)
  • 粗さマップ (表面仕上げ)

AR では、適切に作られた素材により金属が金属的に見え、布地が柔らかく見え、プラスチックが正しく反射され、木目が本物のように見えます。テクスチャをクリーンで適切な解像度に保ち、視覚的な品質とファイル サイズのバランスを保ちます。

ステップ 3 - USDZ へのエクスポートまたは変換

Tripo は現在、USDZ ではなく、USD を直接エクスポートします。レビュー済みのモデルを USD としてエクスポートし、実稼働ワークフロー内の現在の USDZ 対応ツールを使用して、それを USDZ としてパッケージ化またはエクスポートします。ツールの可用性とエクスポートのサポートは時間の経過とともに変化するため、使用するツールの現在のドキュメントを確認し、AR Quick Look で作成されたファイルを検証してください。

信頼できるハンドオフは次のとおりです: Tripo で生成および調整 -> USD をエクスポート -> サポートされているツールで USDZ をパッケージ化またはエクスポート -> Apple デバイスでテストします

USDZ パッケージは、シーンと必要なアセットをまとめて保持する必要があります。エクスポート後、すべての USD フィーチャが変更されずに転送されると想定するのではなく、マテリアル、スケール、方向、アニメーション、およびファイル サイズを確認してください。

ハンドオフの前に、オーサリング ビューポートの外側でパッケージング チェックを実行します。成果物として最終的な .usdz ファイルを開き、参照されたテクスチャが含まれていることを確認し、プレースホルダー マテリアルや欠落しているマップが表示されないことを確認します。安定したファイル名を使用し、Web スタックで正しいコンテンツ タイプのファイルを提供します。次に、ローカル コピーだけでなく、ホストされている正確な URL をテストします。リダイレクト、アクセス制御、または不正な応答ヘッダーによって Quick Look が開けない可能性があるためです。製品が変更されたときにファイルを再生成して監査できるように、資産バージョン、ソース USD、最終 USDZ、GLB フォールバック、および割り当てられた SKU を一緒に記録します。

重要: Tripo は、このワークフローのソースとして USD をエクスポートします。 USDZ のパッケージ化と Apple デバイスの検証は下流のステップです。

ステップ 4 - Apple デバイスでプレビューする

モデルを公開する前に、必ず実際の Apple ハードウェアでテストしてください。

簡単なワークフローは次のとおりです。

  1. USDZ ファイルを iPhone または iPad に AirDrop します。
  2. AR Quick Look で開きます。
  3. 製品のスケール、方向、素材、照明を確認してください。
  4. 実際の表面に配置し、複数の角度から見て自然に見えることを確認します。

発売前に AR モデルと物理 SKU を比較してください。全体の寸法、色、仕上げ、ブランド、可動部品、およびオブジェクトが床やテーブルと接触する位置を確認します。買い物客が使用する可能性が高いクローズアップビューを含め、いくつかの角度と距離からテストします。モデルが製品バリアントを表す場合は、USDZ ファイルが正しい製品ファミリーのみではなく、正しい SKU に添付されていることを確認してください。

four step usdz product model workflow

モバイルおよび電子商取引向けに USDZ を最適化する

コマース アセットは、購入の意思決定に影響を与えるシルエット、素材、製品の詳細を維持しながら、モバイルにすばやく読み込まれる必要があります。

ポリゴン数を減らす

製品のシルエットと重要な詳細を維持できる最小限のポリゴン数を使用します。約 200,000 トライアングル以下 が有用な開始目標であり、普遍的な制限ではありません。

お客様が最も注目するシルエットを維持しながら、平面や隠れた領域から不必要なディテールを削除します。

テクスチャを圧縮してマテリアルを簡素化

多くの場合、テクスチャはジオメトリよりもファイル サイズに大きく影響します。イメージ マップを圧縮し、可能な場合は複数のマテリアルを組み合わせ、不必要に大きなテクスチャ解像度を避けます。多くの製品では、AR で優れたビジュアル品質を実現するには、1K ~ 2K PBR テクスチャで十分です。

また、目に見えない内部ジオメトリや未使用のマテリアルも削除する必要があります。これらは、カスタマー エクスペリエンスを向上させることなく、ファイル サイズを増やすだけです。

現実世界のスケールを使用する

現実世界のスケールで構築してエクスポートし、寸法、方向、ピボットを確認します。縮尺が正しくないと、モデルが視覚的に正確に見えても、AR プレビューは誤解を招くものになります。

Web コマースの実際的なパフォーマンス目標

Web および e コマースで使用する場合は、軽量のアセットが最適なパフォーマンスを発揮します。実践的なガイドラインとしては次のとおりです。

  • ポリゴン数: <=200K の三角形を目指します
  • ファイル サイズ: 最適化後約 4 ~ 8 MB

これらの数値は、普遍的なプラットフォームの制限ではなく、開始目標として扱います。適切な予算は、製品の詳細、テクスチャ数、ネットワーク状態、デバイスのカバー範囲、コマース プラットフォームのアップロード要件によって異なります。代表的なモバイル デバイスでテストし、読み込みやフレーム レートが悪い場合はさらにアセットを減らします。

Wi-Fi および一般的なモバイル接続でアセットをテストし、ポスター画像をタップしてからオブジェクトが表示されるまでの時間を記録します。メモリ負荷、フレーム レート、テクスチャの鮮明さ、買い物客がコンテキストを失う前にモデルが表示されるかどうかを確認します。最適化は反復的に行う必要があります。隠れたジオメトリの削減、テクスチャのサイズ変更、マテリアルの簡素化、再度エクスポートし、視覚的な結果を以前のビルドと比較します。

mobile usdz optimization targets

USDZ をウェブサイトに埋め込みます (AR Quick Look)

USDZ ファイルを取得したら、それを Web サイトに埋め込むのは驚くほど簡単です。 iOS Safari では、Apple は AR Quick Look をサポートしており、訪問者はアプリをインストールせずに拡張現実で USDZ モデルを直接開くことができます。必要なのは、USDZ ファイルを指す rel="ar" 属性を持つ標準の HTML リンクだけです。

最小の実際の例を次に示します。

html
<a rel="ar" href="model.usdz">
  <img src="poster.jpg" alt="View product in AR">
</a>

iPhone または iPad ユーザーが Safari でプレビュー画像をタップすると、AR Quick Look が自動的に起動します。この製品は現実世界規模で開かれるため、顧客は追加のダウンロードやセットアップを行わずに独自の環境で製品を検査できます。

クロスプラットフォーム サポートには <model-viewer> を使用してください

混合デバイスの視聴者の場合、<model-viewer> は、インタラクティブな Web 表示の場合は GLB を、Apple Quick Look の場合は USDZ ファイルを参照できます。その後、ブラウザーはサポートされている AR エクスペリエンスに引き継ぐことができます。

Android および Apple 以外のフォールバック (GLB)

Android ブラウザは通常、USDZ を直接開きません。マテリアルのレンダリングが異なる可能性があるため、Android Scene Viewer とデスクトップ インタラクション用の GLB フォールバックを提供し、両方のエクスポートをテストします。

usdz and glb website ar workflow

USDZ vs glTF / GLB - どちらを使用するべきですか?

Apple Quick Look には USDZ、クロスプラットフォーム Web 表示には GLB、Android AR を使用します。ほとんどのコマース実装では、両方のファイルが提供され、各デバイスが適切なエクスペリエンスにルーティングされます。

プラットフォーム間で製品の更新がずれないよう、2 つのエクスポートを同じ資産バージョンに保ちます。マテリアルまたはスケールが修正された場合は、両方のファイルを再生成して再テストします。商品ページでは、明確なポスター画像と明示的な AR ラベルを使用して、メディアをタップするとインタラクティブなプレビューまたは現実世界のプレビューが開くことを買い物客が理解できるようにします。

特集保護_11glTF / GLBeコマースの推奨事項
プラットフォームのサポートiPhone および iPad (Safari) ではネイティブ。 AR Quick Look で動作します。 Apple エコシステムのみAndroid、Chrome、Edge、および最新のブラウザーでサポートされています。業界標準のリアルタイム 3D フォーマットApple ファーストの対象者: USDZ。混合デバイス: 両方を提供します。
ファイルの特徴Apple の AR エコシステム向けに最適化されています。 PBR マテリアル、アニメーション、オーディオをサポートします。 Apple 以外ではあまり広くサポートされていませんKhronos のオープンスタンダード。コンパクトなバイナリ形式 (GLB);優れた Web とエンジンの互換性GLB は、ほとんどの Web ビューアのデフォルトの配信形式です。
AR の起動方法Safari で rel="ar" のリンクをタップします。 AR Quick Look で直接開きますサポートされている Android デバイスで Google Scene Viewer を開きます。インタラクティブな Web ビューアでも動作します。 <model-viewer> を使用して、正しい AR エクスペリエンスを自動的に起動します。
ブラウザエクスペリエンス主に AR の表示用に設計されています。ブラウザーでのインタラクティブな表示は制限されています。オービット、ズーム、照明コントロールを備えたインタラクティブ 3D ビューアGLB は、より充実したデスクトップ ショッピング エクスペリエンスを提供します。
一般的な e コマースの使用法iPhone/iPad製品ページの「お部屋で見る」製品コンフィギュレーター、3D ビューアー、Android AR、デスクトップ プレビューほとんどのオンライン ストアは、互換性を最大限に高めるために USDZ と GLB の両方を公開しています。
usdz and glb cross platform comparison

よくある落とし穴と制限

USDZ は、テストされたクロスプラットフォームの製品とメディアのワークフローの 1 つの成果物として最適に機能します。

Apple エコシステム外での限定的なサポート

USDZ は Apple のエコシステムを中心としています。 Android とインタラクティブなデスクトップ表示が重要な場合は、GLB フォールバックを公開します。

大きなファイルはパフォーマンスに悪影響を与える可能性があります

メッシュとテクスチャが大きいと、ダウンロード時間とメモリ使用量が増加します。ジオメトリとテクスチャを最適化し、モバイル ネットワークと代表的なデバイスでテストします。

すべての USD 機能がサポートされているわけではありません

高度なリグ、シミュレーション、カスタム シェーダー、およびその他のプロダクション USD 機能は、期待どおりに転送されない可能性があります。完全な機能の同等性を仮定するのではなく、変換された USDZ を検証します。

マテリアルはデバイスごとに異なって見える場合があります

マテリアル、透明度、反射、粗さはデバイスやオペレーティング システムのバージョンによって異なる場合があります。公開する前に、実際の iPhone や iPad で最終製品を確認してください。

usdz product model pitfalls and limits

よくある質問

USDZ とはどういう意味ですか?

USDZ は、ユニバーサル シーン ディスクリプション ZIP の略です。これは、シーンとそのサポート アセットを 1 つのファイルにパッケージ化した USD に基づく非圧縮 ZIP アーカイブです。 Apple Quick Look は、サポートされている Apple デバイス上で USDZ オブジェクトを 3D で表示し、AR オブジェクトを表示できます。

USDZ ファイルを開いて作成できるプログラムは何ですか?

Apple Quick Look は、サポートされている iPhone、iPad、Mac、およびサポートされている Apple Vision Pro エクスペリエンスで USDZ ファイルを開きます。 USDZ ファイルを作成するには、現在の USD または USDZ 対応の DCC または Apple 開発ツールを使用し、そのツールの最新ドキュメントと照合してエクスポートを検証します。マテリアルとアニメーションのサポートは異なる場合があるため、必ず最終ファイルを Quick Look でテストしてください。

USD と USDZ の違いは何ですか?

USD は、外部アセットを参照し、制作ワークフローをサポートできる柔軟なシーン記述形式です。 USDZ は、USD シーンとそのサポート アセットを 1 つの配布可能ファイルに配置する非圧縮 ZIP パッケージです。このパッケージ化により、USDZ は共有に便利になり、Apple Quick Look も便利になります。

拡張現実製品の例は何ですか?

拡張現実製品の一般的な例は 3D 家具のプレビューで、買い物客はスマートフォンを使用して自分の部屋に仮想のソファやテーブルを配置できます。他の例としては、眼鏡、靴、化粧品の バーチャル試着 があり、顧客は購入前に製品がどのように見えるかを確認できます。

Android で USDZ ファイルを開くことはできますか?

標準の Android ブラウザーのワークフローには直接含まれません。 Android 用の GLB バージョンを公開し、<model-viewer> などのクロスプラットフォーム ビューアを使用して、サポートされているデバイスを適切な AR モードにルーティングします。 USDZ と GLB のエクスポートではマテリアルのレンダリングが異なる可能性があるため、両方のファイルをテストしてください。

コーディングせずに USDZ 製品モデルを Web サイトに追加するにはどうすればよいですか?

3D 製品メディア フィールドを備えたウェブサイト ビルダーまたはコマース プラットフォームを使用します。 Apple デバイス用の USDZ ファイルと、Android およびデスクトップ表示用の GLB ファイルをアップロードし、両方を関連する製品に添付し、公開する前に実際のデバイスで結果をプレビューします。プラットフォームがネイティブ 3D メディアを提供していない場合は、USDZ を通常のダウンロードとしてアップロードするのではなく、両方の形式をサポートする統合を使用してください。

USDZ 製品モデルに最適なファイル サイズはどれくらいですか?

すべての製品に最適な単一のサイズはありません。実際の開始目標は、200K 以下の三角形の周囲にメッシュを含むおよそ 4 ~ 8 MB であり、その後、製品の必要な詳細とプラットフォームの現在のアップロード ルールに合わせて調整します。公開する前に、代表的なモバイル デバイスで読み込み時間と AR のパフォーマンスを測定します。

結論

USDZ は、製品モデルを、買い物客が実際のスケールで表示できる Apple フレンドリーな AR アセットに変換します。ソース アセットを生成して調整し、Tripo から USD をエクスポートし、サポートされているダウンストリーム ツールで USDZ としてパッケージ化し、モバイル用に最適化し、製品ページに追加する前に AR Quick Look でテストします。

ソースモデルを作成する準備はできましたか? Tripo AI Studio で開始し、ダウンストリーム ワークフローで USDZ パッケージ化と Apple デバイスの検証を完了します。

記事をシェア

3Dであらゆるものを生成

下のボタンをクリックして、数百万の3Dクリエイターに加わりましょう。超高精細なモデル生成と業界トップクラスのPBRテクスチャをお試しください。