モバイルバッテリー コンフィギュレーターは、3D空間で製品デザインの内部パーツを説明するために作成されたインタラクティブなデジタルツールです。このツールを使用することで、製品開発プロセスに関わるさまざまな関係者が、すべての機能やデザイン要素を詳細に確認できます。ケースカラーの選定や、分解表示（エクスプロードビュー）を使用した内部部品・コンポーネントの可視化など、意思決定プロセスの一環として活用できます。各内部要素の詳細な解説へ簡単にアクセスできるため、トレーニングや修理のサポートにも役立ちます。
このプロジェクトの主な目的は、外側からは見えないモバイルバッテリーの内部構造を示すことでした。分解表示（エクスプロードビュー）をメインのアニメーションとして活用し、使用マテリアル、寸法、技術仕様などの情報を提示します。そのため、すべてのパーツを組み立てた状態（結合）と切り離した状態のどちらも可能になるよう、各レイヤーを構築する必要がありました。主なインタラクション要素はモバイルバッテリーの開閉であるため、ホットスポットを追加する必要はありません。この場合はクリック時のインタラクションだけで十分に機能します。
このモデルは3ds Maxで作成され、.FBXファイルとしてVectaryにインポートされました。すべての内部コンポーネントを正確にモデリングすることに重点を置いています。
チップセットを除き、ほとんどのマテリアルはVectaryで適用しました。チップセットのテクスチャはSubstance Painterで作成し、ラフネスマップやノーマルマップとともにStudioにインポートしています。 アンビエントオクルージョンとライトマップ は、全体のルックを高めるために、後からVectaryでベイクされました。 ライティングの設定 今回のプロジェクトでは、よりダークなシーンを目指しました。背景と地面はほぼ黒に近いです。ライティングには、 3灯のライトセットアップを採用しました。 キーライト、フィルライト、リムライトで、モデルを効果的に引き立てます。
このプロジェクトには複数のアニメーションが含まれています。まず、 分解表示 モバイルバッテリーが開き、すべての内部コンポーネントが現れるアニメーションです。さらに、各コンポーネントをより見やすく、確認しやすくするために、個別のスライドアウトアニメーションも用意されています。
また、次の情報を含む平面のアニメーションもあります。 .PNG画像 コンポーネントの仕様を示します。これらの仕様データはオブジェクトの内部に非表示になっており、アニメーションによって拡大・移動して表示されます。
すべてのインタラクションは、モバイルバッテリーの各コンポーネントに対する オンクリックトリガー で設定されています。コンポーネントをクリックすると、技術仕様の.PNG画像のアニメーションとともに、スライドアウトアニメーションがトリガーされます。もう一度クリックすると、仕様画像とともに元の位置にスライドして戻ります。
他のコンポーネントをクリックした場合も同様に動作し、それまで表示されていたコンポーネントと仕様表示が戻ると同時に、新しくクリックしたものがスライドアウトします。
モバイルバッテリーの分解表示を可能にする ARプレビュー の生成オプションは、圧倒的な没入感の視覚体験をもたらします。コンフィギュレーターを顧客向けのオンラインツールとして活用すれば、製品に対するエンゲージメントを高めることができます。
