今回は3Dコンフィギュレーターについて説明します。 そして、業界の最も保守的で大規模な部分は自動車産業です。
まえがき
「WebGL steers！」は、同じ名前のテクノロジーに関連する興味深く、関連性があり、好奇心の強いWebリソースを説明する一連の記事です。 ここで最初の資料に慣れることができます 。
車のブランドはたくさんあります。 たくさん...製品は必須ではなく、長期間使用するために明確に購入します。 自動車サイトは興味深いだけでなく、現代のインターネットが提供するこれらの機会のピークにあるべきだと思われます。 エンターテイメントがすべてです。 テキスト、表、画像は「ライブ」画像と競合できません。 バイヤーは常に将来の購入で「遊び」たいと考えています。色を評価し、インテリアスタイルを選択し、機器を変更します。 そしてそのときだけ、潜在的な顧客はカーディーラーに来て車を選ぶことができます。
実際には、多くの自動車関連のリソースが時代遅れであることが判明しました。 プレゼンテーションを表示するためにFlash Playerをインストールする必要があるサイトに出くわすことがありましたが、これは今日ではあまり意味がありません。 そのようなリソースのリストに、有名なブランドのサイトがあったことは興味深いです。 また、擬似3Dテクノロジーがよく使用されます。このテクノロジーでは、非常に大規模なパノラマ写真を読み込んでいる間、訪問者が長い間退屈してしまうことがあります。 もちろん、エンターテインメント、特にインタラクティブ性についての話はありません。
それにもかかわらず、視覚的に高品質のプレゼンテーションや最新のWebGLテクノロジーを使用して作成された機能的なコンフィギュレーターを提供する興味深いWebリソースを見つけることができました。 そのようなリソースは、彼らのコケ仲間と好意的に比較することは明らかです...
Carvisualizer.plus360degrees
これは特定のメーカーのサイトではなく、自動車業界とは関係ありません。 これは、シンプルな構成機能を提供する最も初期のWebGLアプリケーションの1つです。 ここでは、音楽を聴きながら、車や車輪の色を変更したり、あらゆる側面から車を検討したりできます。 そしてそれだけです...
ただし、2012年にThree.jsで作成されたアプリケーションが注目を集めています。 まず第一に、視覚的な側面で。 ジューシーな素材、車の表面に映る世界、高品質のモデル。 もちろん、ここではフォトリアリズムの問題はありません。 それらの時代にはちょうど良い仕事です。 ただし、このシーンにはすでにインタラクティブ機能の基礎があり、通常の2Dを背景にした方がはるかに有益です。
pickup-center.fr
企業が3Dの機能を使用して、顧客に「製品の顔」を視覚的に表示する場合、すでに実用的な例です。 これは、さまざまなピックアップを販売するフランス企業のWebリソースです。
サイトの所有者は、非常に責任を持って創造的にタスクに取り組みました。 提示されたほぼすべてのマシンには、独自のコンフィギュレーターがあります。 さらに、WebGLアプリケーションとサイトの他の部分との接続が最大限に使用されます。 たとえば、コンフィギュレーターでエンジンの保護をインストールすると、パーツの写真、近代化のコスト、説明が近くに表示されます。 したがって、買い手は、Webアプリケーションでお客様のニーズに合わせてピックアップを完全に組み立て、自動車の外観を評価し、購入価格を計算できます。
3D Configuratorは、このオンラインストアでは異物のようには見えませんが、生態系に有機的に適合しています。 視覚範囲にいくつかの欠陥がありますが。 豪華なフォトリアリズムはなく、アプリケーション内のナビゲーションは私たちを失望させました。 しかし、繰り返しますが、コンフィギュレーターはその主なタスクに完全に対応します。クライアントに必要な変更を視覚的に組み立ててコストを評価する機会をクライアントに提供することです。
アプリケーション自体はBlend4Webを使用して作成されました 。これは、さまざまな3Dコンフィギュレーター用に特別に調整されています。 このフレームワークを知っていれば、ソフトウェアパーツの作成にビジュアルロジックエディターが使用されたため、開発プロセスが大幅に促進されたと推測できます。
Nissan.co.uk
メーカーの公式ウェブサイトで公開されている、日産車の最初のプロモーションプレゼンテーション。 インタラクティブなアプリケーションではありますが、文字通りコンフィギュレーターではありません。 開発者は、「すごい」効果を達成しようとしましたが、何も変更する機能を提供しませんでした。 よくできたモデルに加えて、創造的なコンポーネントもあります。
車が文字通りパズルのように組み立てられるとき、それはすべて異常な負荷で始まります。 次に、花のある幻影が提案されます。その意味は、マウスの動きに合わせて車の色が変わるということです。 非常に速く、非常に明るい。 ドアを開けてキャビンを覗くこともできます。 しかし、これは副次的なオプションです。 プレゼンテーションはおもちゃのように見えます。面白くてカラフルです。 そのモットーが「自分のやり方でプレイする」というスローガンであることも不思議ではありません。
残念ながら、プログラムの作成に使用されたエンジンまたはフレームワークを特定できませんでした。
Automotive.products.constellium.com
Constelliumは、オランダに本社を置くアルミニウム半製品の世界的なメーカーです。 だから、少なくとも、ウィキペディアのサイトは言う。 公式のWebリソースには素晴らしいプレゼンテーションがあります。
車に大量のアルミニウムが使用されていることは周知の事実です。 ラジエーターだけでなく、無知に見えるかもしれません。 Constelliumのメーカーは、機械を分解することにより、機械内のアルミニウムの存在を視覚的に実証することにしました。
はい、はい。 プレゼンテーションでは、歯車で車を分解し、すべてのアルミニウム部品を表示し、それらのコンテキストヘルプを読むことができます。 基本的に、これがプログラムに可能なすべてです。 しかし、明らかに、有益で有益です。
残念ながら、アプリケーションに問題がないわけではありません。 カメラの回転がおかしい。 たとえば、私は誤って車をひっくり返しましたが、それは表面上に立っています。 ただし、ブラウザコンソール（キーF12）を呼び出すと、最も面白いことがわかります。 この場合、モデルは平坦化されています。
技術的には、プレゼンテーションはUnityを使用して作成されました。
Chevrolet.alghandi.com
アラブ首長国連邦、暑い太陽と豊かな、非常に豊かなシェイク。 そのため、豪華で高価な車と最大限の構成を提供してください。 実際、次のプレゼンテーションはまさにこのためのものです。 UAEのゼネラルモーターズの自動車ディーラーは、裕福な顧客を愛し、時折興味深い3Dプレゼンテーションで彼らを台無しにします。
このプレゼンテーションは、実際には車の色を選択したり、ホイールディスクを変更したり、キャビンの内部を調べたりすることができる、クラシックな3Dコンフィギュレーターです。 ただし、ここでは、アプリケーション開発者は視覚コンポーネントに焦点を合わせました。
車のモデルのすべてが、細部まで検証されます。 非常に高品質の材料を使用すると、研磨車の繊細さを伝えることができます。 たとえば、「モザイクブラック」は文字通り光にきらめきます。 開発者はこの効果をどのように達成したのだろうか？
カメラの動きは100％を実現しました。 スムーズなアニメーション、角度の準備-これらすべてが最高の側面から車を強調します。 ちなみに、これはポストエフェクトを使用する唯一のプレゼンテーションです。 そのため、カメラの場合、特定のポイントでDOF（被写界深度）がオンになります。
この3DコンフィギュレーターはBlend4Webを使用して作成されました。
あとがき
WebGLを使用すると、本当に興味深く、カラフルで現実的なプレゼンテーションを作成できます。 もちろん、示されている5つの作品は、3Dコンフィギュレーターの輝かしい部族の代表者だけではありません。 残念ながら、それらのアプリケーションで開かれる見通しにもかかわらず、それらのいくつかはありません。 しかし、私はすべてがまだ先だと信じています...
PS小見出しの名前はクリック可能で、アプリケーションのあるページに移動します。