すべての車両には、そのメーカーが公開した塗装リストが付いています。スクロールを続けて、それらを確認してください。











色はリストに最初に処理されるものであり、ほとんどのカタログが最後に正しくするものです。失敗はめったに劇的ではありません。それは静かで、三度起こります。
誰かが車をブラッドオレンジに設定したが、リストにはシルバーのプレス画像が表示されています。結果ページで自分の車をスクロールしてしまうのは、言葉を読む前に色を認識するからです。
彼らは画像の車のためにやって来ました。しかし、異なる仕上げの車がそこに立っており、会話は謝罪から始まります。
"Colour shown may differ" という車の下にあるテキストは、ビジネスが画像に諦めたときに書くものです。それは認める言葉であり、最も安価な信頼を捨てることです。
1台の車を11色で撮影することは、11台の車を購入することを意味します。だから誰もやりません。 顧客がこだわらないことを願って、駐車場にある1台を撮影します。
レンダリングは算術を取り除きます。車両は所有されるのではなく、記述されます。11番目の色は最初の色と同じコストがかかり、製造業者が公開した日に製造されていない塗料も利用可能です。これがすべての違いであり、このページの他のすべてはそれに従います。
パラメータは工場名を取ります:?color=Amaryllis%20Red%20Metallic。ヘックス値でも内部IDでもなく、お客様が後で記入する注文書に書かれている文字列です。
これは意図的な制限です。ヘックス値は画面の色です。実際の塗料にはフレーク、深さ、光の下での振る舞いがあり、フラットな塗りつぶしでは表現できません。#96202cとしてレンダリングされたメタリックはおもちゃのように見えます。名前で指定することで、レンダリングがどの種類の塗料を扱っているかを知ることができます。
車両が指定された色を持っていない場合、近い色に静かに変わることはありません。標準仕上げにフォールバックし、応答がどの色が使用されたかを教えてくれます。ページがそれについて何かを言うかどうかを判断できます。
コンフィギュレーターの目的は、画像が選択に従うことです。ペイントのステップで同じシルバーの車がスワッチと一緒に表示されていては、そのステップは飾りで、顧客もそのように扱います。
オファーは車が製造される数ヶ月前にライブになります。写真を撮る車はありませんし、色は他の点で全く同じオファーを選ぶ際に選ぶものです。
在庫は毎週変わりますが、写真家は変わりません。在庫にある実際の車の実際の色を描写するには、誰かのカレンダーにスロットを入れるのではなく、リクエストが必要です。
車にどの色があるか尋ね、その色の車をリクエストする。リストはメーカーが公開したものと同じなので、ピッカーは注文できない塗料を提供しません。
// what does this car come in?
const { colors } = await get('/api/Volkswagen/Golf/2024/Basis/base/colors')
// render it in one of them
const img = await get(
'/api/Volkswagen/Golf/2024/Basis/base/front_left' +
'?color=' + encodeURIComponent(colors[3])
)そのモデルイヤーにメーカーが公開した塗料リストからです。それらは私たちの名前ではなく、工場の名前のように見える理由です:アマリリスレッドメタリックではなく「暗い赤」です。
標準仕上げにフォールバックし、応答が実際に使用された色を示します。何も静かに入れ替わることはありません。ページが工場で販売していない塗装を主張することはありません。
いいえ、意図的にです。ヘックス値は画面の色で、塗料ではありません。メタリックやパールは光の下で異なる振る舞いをします。そして、#96202cのフラットな塗りつぶしはアマリリスレッドではありません、ただ隣にあるだけです。
カタログのすべての車に対応するハウスラインと、ラッピング販売をするディーラー向けのラッピング仕上げのセットがあります。どちらも同じ方法でリクエストできます。
各組み合わせは一度生成され、その後キャッシュから提供されます。同じ車と同じ色をリクエストする二人目は何も待ちません。