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

ブラインドコンフィギュレーター

インタラクティブな3Dデザインで、カスタマイズ可能なオプションを分かりやすく紹介します。

ブラインドコンフィギュレーターとは?

ウェブサイトへの埋め込みを最終目標として設計されたこの3Dコンフィギュレーターを使用すると、ユーザーは自分好みにカスタマイズしたブラインドをリアルな空間で確認できます。ブラインドのスタイル、素材、カラー、サイズ、機能を自由に変更できます。さらに、カスタマイズプロセスの最後に、作成した構成の画像をダウンロードできるというメリットもあります。実際のユースケースでは、ダウンロードした画像をデジタルの参照用として、あるいは実店舗で活用できます。

コンセプト開発

リアルな背景に配置されたこのブラインドコンフィギュレーターは、Floating UIを使用してシーン内のすべてのインタラクションを管理します。使いやすく分かりやすいコンフィギュレーターにすることを目標としました。メインUIは、テキストではなくビジュアルでメニューの選択肢を表示します。全体のイメージを邪魔しないよう、使用するUIは1つだけに絞りました。

‍

ホットスポットの機能:

  • FUIの開閉

‍

画面左上にあるFloating UIの機能:

  • ブラインドバリエーションの切り替え
  • マテリアル/カラーの変更
  • 2つのカメラの切り替え
  • 完成した構成のスクリーンショットを撮影

‍

ブラインドの3Dコンフィギュレーターの作り方

インタラクション

‍

Floating UIには、オブジェクトスイッチャーとマテリアルスイッチャーの2つの主要な機能があります。

‍

  • オブジェクトスイッチャーでは、画像を使用してインタラクションをトリガーし、4つの バリエーションから選択します.
  • それぞれのバリエーションには、複数の スウォッチからなる専用のマテリアルメニューが紐付けられています。.
  • バリエーションが選択されると、そのブラインドタイプに対応するスウォッチが表示され、他のスウォッチは非表示になります。
  • カメラのアイコンを使用すると、2つの異なる ビューを切り替えることができます: デフォルトはシーンの全体像を表示し、もう一方はブラインドのクローズアップを表示します。
  • 画像アイコンはインタラクティブな要素で、選択した構成の 画像を保存 してデバイスにダウンロードできます。

‍

‍

‍

‍

ヒント:ポリゴン数を削減するため、背景の壁のみを配置し、回転を防ぐためにカメラ制限を設定しています。窓の外の景色は、画像テクスチャを適用したシンプルな平面で表現されています。

ブラインドコンフィギュレーターのメリット

カスタマイズ

ビジュアライゼーション

アクセシビリティ

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