3D&AR商品ビューアーの基本ガイド
3Dモデルの品質は、商品の画像の品質に大きく依存します。この記事では、3Dモデルを作成するための写真の撮り方と、3D&AR商品ビューアーアプリの使用方法について詳しく説明します。
3Dモデルの作成
3Dモデルは、次の2つの方法で作成できます:
- プロの3Dモデリングソフトウェアを使用する。モデルが作成されたら、.glbまたは.gltf形式でエクスポートします。
- 商品の写真から作成する。商品の写真を撮影し、3Dモデルの品質は写真の品質に依存します。
商品が大きく移動が難しい場合(例:大型家具や大型家電など)、プロのモデリングサービスプロバイダーを見つけて3Dモデルを作成し、モデルファイルを.glbまたは.gltf形式でエクスポートすることをお勧めします。その後、ファイルを3D&AR商品ビューアーアプリにアップロードします。商品が小さい場合(例:小さな家具や小さなアクセサリーなど)、商品の写真を撮影して3Dモデルを作成できます。
アプリの使用方法
写真から3Dモデルを作成した後、3D&AR商品ビューアーアプリでモデルを商品に接続できます。以下の手順に従ってください:
- SHOPLINEの管理画面から、アプリに移動し、3D&AR商品ビューアーを開きます。インストールされていない場合はインストールしてください。
-
製品3Dモデルをアップロードを選択してください。
- アップロードしたい商品を見つけます。商品を検索しても構いません。商品を見つけたら、モデルをアップロードをクリックしてください。
- モデルをアップロードします。.glbおよび.gltf形式のモデルファイルのみがサポートされています。
Note: モデリングが完了したら、.binとテクスチャをGLTFファイルにパッケージ化して画像をエクスポートしてください。
- 3Dモデルが正常にアップロードされると、設定に従ってストアでどのように表示されるかを設定できます。設定が完了したら、右上隅の更新をクリックして、ストアで3Dモデルを適用してください。
以下の画像は、ストア内で3Dモデルがどのように表示されるかを示しています:
AR効果を見たい場合は、製品の詳細ページで部屋で表示をクリックし、QRコードをスキャンしてください。その後、ブラウザに切り替えて表示してください。
サンプルモデルファイルのダウンロード
- https://modelviewer.dev/assets/ShopifyModels/Chair.glb
- https://files-preview-va.myshopline.com/file/dimensional/88888888/999999999/86e4209beba342fa9115a44db865a3c9.glb
モバイル電話モデルでのARディスプレイの制限
ARでの3Dモデルの表示には、Androidオペレーティングシステムのネイティブ機能が必要であり、すべてのモバイル電話でサポートされているわけではありません。ARで3Dモデルを表示するには、デバイスが以下の要件を満たしている必要があります:
- Apple:iOS14以上
- 海外のAndroid携帯電話:ARCore1.9+を搭載したAndroid 9+。Google PlayとAR Coreがプリインストールされているため、中国以外のほとんどのAndroidデバイスでARでの3Dモデルの表示がサポートされています。
- 中国のAndroid携帯電話:AR Coreを事前にダウンロードしたAndroid 9+。Google PlayとAR Coreが必要です。
- 非対応の携帯電話:Huawei。Huaweiの携帯電話は、ARでの3Dモデルの表示に必要なGoogleサービスをサポートしていません。