Projects
2024/13/13~2025/13/13
Client: Proantic
Technologies: Monocle 3D System, Monocle Prime, AR
Steampunk Digitalは、 Monocle 3Dシステム (https://monocle3d.com/) をProantic (https://www.proantic.com/) のアンティーク販売プラットフォームに見事に統合しました。 この統合によりProanticのディーラーは高品質なアンティークの 3D モデルを簡単に作成・公開できるようになり、オンラインショッピング体験が向上するとともに、プラットフォームの競争優位性をもたらします。
このプロジェクトには以下の要素が含まれました:
3Dスキャンに Monocle Prime モバイルアプリを活用
強力な3D処理パイプラインの実装
3Dモデルピッカーを Proantic のバックエンドおよびフロントエンドの表示層にシームレスに組み込み
Proantic のディーラーが Monocle 3D の機能にアクセスする際に、安全でシームレスな体験を確保することが本プロジェクトの重要な要件のひとつでした。
私たちは、サーバー間のアカウント連携およびQRコード認証フローを実装しました。ProanticのディーラーがMonocle 3Dのアクション（モデルピッカーへのアクセスやMonocle Primeアプリへのサインインなど）を開始すると、ProanticのサーバーがMonocle 3Dシステム上でユーザーを事前に安全に認証できるようになっています。そのユーザーのメールアドレスに既存のアカウントが存在する場合、ユーザーにはそのアカウントをProanticのアカウントと連携する許可を求めるプロンプトが表示されます。
初回利用時に、Proanticのディーラーアカウントは対応するMonocle 3Dアカウントと安全に連携されます。このアカウント連携はバックグラウンドで行われ、各ディーラーの3DモデルがProanticのプロフィールや出品情報に正しく紐づけられるように設計されています。連携およびその後の操作においては、ユーザーデータを保護し、不正アクセスを防ぐための堅牢なセキュリティ対策が講じられています。
Monocle PrimeのiPhoneアプリは、Proanticのディーラーがアンティーク商品の3Dスキャンを行うための主要なツールとして機能します。
このアプリは、物体のキャプチャに特化した直感的なインターフェースを備えており、LiDAR（対応デバイスの場合）やフォトグラメトリといった技術を用いて、ユーザーがスキャンプロセスをスムーズに進められるようにガイドします。
Monocle Primeアプリで取得されたスキャンデータは、処理するために直接かつ安全にMonocle 3Dクラウドプラットフォームにアップロードされます。
ディーラーは、QRコードをスキャンしてMonocle Primeを直接起動することで、リンクされたProanticの認証情報でMonocle Primeアプリにサインインし、これにより、スキャンデータが自動的に正しいアカウントに紐づけられるようになっています。
Rawの3Dスキャンデータをウェブ用のモデルとして利用できるようにするためには大規模な処理が必要です。Monocle 3Dのバックエンドは、この複雑なワークフローを処理します。
アップロード後、スキャンは自動化された処理パイプラインに入ります。この処理には、ポイントクラウドの登録、メッシュ生成、テクスチャマッピング、そしてウェブ配信用やAR表示モードでの使用に最適化などのステップが含まれます。
ほとんどが自動化されていますが、システムにはユーザーが追加の写真を補完したり、ジオメトリを削除したりするためのツールが含まれています。これにより、スキャンの不完全な部分や環境ノイズ、テクスチャのアーティファクトといった問題に対処でき、最終的にProanticに表示される3Dモデルは高い忠実度で、効率的に読み込まれることが保証されます。
モデルは処理され、ウェブページに埋め込むのに適した標準的なウェブ対応形式（GLBおよびUSDZ）で保存されます。
3Dモデル管理をProanticの既存のディーラーワークフローにシームレスに統合することが、導入において非常に重要です。
私たちは、Monocle 3Dモデルピッカーコンポーネントを開発しました。これは実質的にミニアプリケーションであり、Proanticのアイテム作成および編集ページに直接埋め込まれています。
ディーラーは、アイテム管理インターフェースからピッカーを起動することができます。ピッカーには、リンクされたMonocle 3Dアカウントに関連付けられた3Dモデルのみが表示されます。
ディーラーは、ピッカー内で簡単に処理された3Dモデルを閲覧し、特定のProanticアイテムリストに関連付ける適切なモデルを選択できます。選択されたモデルのユニークな識別子は、そのアイテムのデータと一緒にProanticのデータベースに保存されます。
最終ステップは、Proanticの公開ウェブサイトで3Dモデルを効果的に表示することです。
Proanticの開発チームは、Monocle Viewerというウェブベースの3Dビューワーをアイテム詳細ページに統合しました。アイテムに関連付けられた3Dモデルがある場合、ビューワーが読み込まれ、Monocle 3Dのコンテンツ配信ネットワーク（CDN）からモデルデータを取得します。
ビューワーは、購入希望者が3Dモデルとインタラクションできるようにし、回転、ズーム、そしてアンティークをあらゆる角度から確認できる機能を提供します。これにより、静止画像だけでは得られない、オブジェクトに対するより豊かな理解が得られます。
購入者は、iPhoneやAndroidスマートフォンでQRコードを開くこともでき、これにより自宅や作業スペースで3Dモデルをスケールに正確に表示させることができます。
Steampunk Digitalは技術的なガイダンスとAPIサポートを提供し、Proanticのチームはフロントエンドとバックエンドの実装を専門的に担当しました。これにより、3DビューワーはProanticのサイトの美学とパフォーマンス基準に合致したものとなりました。この優れた実装の例は、 proantic.com のさまざまな出品ページで見ることができます。
お気軽にお問い合わせください。