今回ご紹介するのは、いわゆる旅行用のキャリーケースのメーカーサイトです。シルバーの、まるでアタッシュケースみたいなキャリーケースの製品を扱ってるっぽいのですが、一部のパーツの色などを変更できる、カスタマイザの実装が組まれています。カスタマイズできる項目はそれほど多くないのですが、すごく質感に対するこだわりが感じられる実装となっています。使っていて、表面的な質感についてはテクスチャを駆使して演出をしているのだと思います。カスタマイザという体裁になっていますが、まず見た目が非常に美しくて見ていて楽しいです。金属っぽい感じが、よく演出できていますよね。光沢などはかなりリアルな感じになっています。実際に動いている様子を見ないと、スクリーンショットではちょっと視認しにくいと思うのですが、製品の表面にある微妙な凹凸などが、ドラッグ操作によって製品が動くたびに微妙に変化する様子がなんともリアルです。この質感表現は、法線マップによって実現されているようですね。テクスチャの枚数がそこそこあって、ハンドル部分、あるいは車輪部分など、見えている部分のほぼ全体に対してなんらかの法線マップによる処理が行われているみたいです。ドラッグ操作を行わずに放置しておくと、カスタマイザで編集することができる「ハンドル・ホイール・タグ」のツールチップが出てきます。それぞれのパーツのカスタム操作では、カメラが対象の部分に滑らかにフォーカスし、色を変更した結果がしっかりと視認できるよう工夫されています。アプリケーションとしての大切な要素のひとつだと思うのですが、とても丁寧に実装してあるなと思いました。表現できるようになってきています。今回の事例では、ライティングはもちろんですが、法線マップなどを駆使することで金属っぽい質感や革の質感、プラスチックの質感などをかなりリアルに再現していると思います。及ぶべくも無いのは確かですが、しかしそれでもウェブブラウザ上でこれだけの表現ができるというのは、なかなかすごいなと単純に感心してしまいます。事例ですが、キレイにまとまった実装だと思います。チェックしてみてください。関するあらゆる情報を発信するポータルサイトです。当サイトに関するご意見、ご感想、またはご質問等がございましたらお問い合せページよりお知らせください。企業・団体からのご連絡を随時お待ちしております。普及のため些細なことでもご協力いただけましたら幸いです。ご不明な点などございましたらお気軽にお問い合わせください。