新登場: Vectary Canvas。AIで加速するアイデア創出のための、新しいスペースです。→ Canvas

ジュエリーコンフィギュレーター

インタラクティブなプレゼンテーションを作成して、クライアント向けのジュエリーカスタマイザーを構築しましょう。

ジュエリーコンフィギュレーターとは?

3Dジュエリーコンフィギュレーターは、Vectaryで作成されたオンラインツールで、購入者がデジタル空間で自分だけのジュエリーを自由にデザイン・パーソナライズできるようにします。直感的なインターフェースと豊富なオプションにより、ユーザーは思い通りの最終デザインを作成できます。完成したデザインは、直接リンクで共有したり、ウェブサイトに直接埋め込んだりすることができます。

コンセプト開発

このプロジェクトは、一般的なコンフィギュレーターと比べて、ストーリー性を重視したアプローチを採用しています。単一の場所でオブジェクトを操作するのではなく、3つのステップを通じて自分だけの特別なリングを作り上げることができます。フローティングUIは、カスタマイズオプションを表示しながら、シーン内の基本的なナビゲーションをコントロールします。ステップは以下の通りです:

  • リングのシャンク(アーム)の素材を選択
  • 宝石を選択
  • 仕上がりをプレビューし、最初からやり直すか、APIを使用して注文へと進みます。

完成したバリエーションはARとして共有し、実際の環境で表示して確認することもできます。

ジュエリーコンフィギュレーターの作り方

モデルのセットアップ

‍

リング本体は モデリング をBlenderで行い、 インポート されました(.obj形式)。ストーンはフォトグラメトリによる3Dスキャンで作成され、.objファイルとしてVectary Studioにインポートされました。ストーンのポリゴン数は、StudioのSimplifyプラグインを使用して削減されています。

‍

ライティングの設定

‍

シーンは、それぞれ異なるライティング設定を持つ3つのエリアに分割されています。各エリアにはリアルな岩で構成された静物オブジェクトが配置され、その中央にインタラクティブな要素が置かれています。そのうちの1つは ディレクショナルライト これらのグループから除外されており、常に表示されます。シャンクと宝石へのライティングは、難易度の高いプロセスです。最初のエリアでは、シャンクが3つの レクタングルライト と1つの スポットライトに囲まれており、シャンクの反射にすべてを綺麗に映し出すことを目指しています。宝石エリアはディレクショナルライトのみを使用し、最終的なリングの組み立てエリアには2つのスポットライトと1つのレクタングルライトが配置されています。



‍

パフォーマンスを最適化し、有効なライトグループを常に1つだけに抑えるため、ライトはグループ化されてバリアント(Variants)内に配置されています。次のエリアは、カメラアングルとフェード効果により、全体が完全に表示されることはありません。

‍

マテリアル & ベイク

‍

シーン全体のカラーパレットはニュートラルで、モノトーンの白ではなく、オールドピンクの色合いを使用することで、背景の岩の静物を引き立てています。ストーンはリアルな3Dスキャンアセットで、 最適化されたテクスチャが カラースロットにのみ適用されており、シーンサイズを削減するため他のスロットはすべて空になっています。これらの岩のバリエーション豊かな表情は、 ベイクされたライトマップ.



‍

によって表現されています。 ヒント:岩 of 底面など、見えない場所の不要なジオメトリは削除しましょう。また、シーン内の岩は1種類のみで、サイズを変更してインスタンスとして複製しているため、ファイルサイズをさらに節約できます。
最初のエリアのシャンクには、貴金属にインスパイアされた4種類の異なる金属素材が使用されています。

‍

宝石は、理想的な質感を実現するために複数の手法を使用しています。各宝石の内側には一回り小さな複製が配置されており、 色の吸収を伴う屈折パラメータが 重要な役割を果たしています。さらに、外側の宝石には値を1000%に設定したクリアコートが重ねられています。外側と内側の宝石に異なるマテリアルを適用するこの組み合わせにより、より複雑でリアルな仕上がりを実現しています。

‍

インタラクション

‍

最初の2つのエリアは、 ループする360度アニメーションを シャンクと宝石それぞれに備えており、線形(リニア)に繰り返す設定になっています。フローティングUIメニューは、シーン内のナビゲーションとマテリアル設定をコントロールします。UIには名前付きの画像が含まれており、クリックするだけでシャンクや宝石のマテリアルを切り替えることができます。

‍

最初と最後のエリアにあるシャンクのマテリアルはリンクしていないため、裏側で同時に2つのマテリアルを変更する設定にしています。これにより、ユーザーがステップ3に進んだ際にも、最初に選択したのと同じマテリアルが正しく表示されます。

3Dジュエリーコンフィギュレーターのメリット

カスタマイズ

ビジュアライゼーション

アクセシビリティ

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board