
キーボードを美しい工芸品のように昇華させた KASANÉ のデモプロジェクトサイトがすごい
なにか姿勢のようなものが見える
今回ご紹介するのは KASANÉ というキーボード製品に関するウェブサイトです…… とは言っても、実際にそのような製品があるわけではなく、こちらのサイト自体はデモサイトのようです。
仮想のデモサイトとは思えないほどの気持ちの入りようといいますか、すごく完成度の高いウェブサイトになっていますね。
とにかくいろんな意味でこだわりが感じられる仕上がりです。
リンク:
さまざまな 3D 表現のバリエーション
今回のサイトでは、フォトリアルな風合いから、まるで取扱説明書のようなワイヤーフレーム風の描画まで、多種多様な表現を見ることができます。
冒頭、まず最初に表示される風合いは徹底してフォトリアルな方向性になっており、とくに光沢のある面などに対する表現の追求がされている感じがします。
光の反射や屈折みたいな表現が不思議な質感を湛えています。


写真とみまごう、とまで言えるかというと CG であることは見ていてわかる程度だとは思います。ただこれはこのサイトの実装がどうかというよりは WebGL や現代のハードウェアの性能における限界、という意味あいが強いんですよね。
むしろ、そういう時代性であることまでを踏まえて見てみれば質感は高く表現できている事例だと思います。
たぶん、テクスチャの質が高いというのもフォトリアルな風合いの表現に一役買っていると思います。

この上のスクリーンショットにあるように、カスタマイザーみたいな機能を持ったページが用意されていたり……
この下のスクリーンショットにあるように分解されたパーツをワイヤーフレーム的に表示しているページがあったり、見せ方も多彩ですしすごく手が込んでいます。
こういう複数の質感を 3D で準備するというのはなかなか大変な作業だと思うので、本当に手間が掛かっていてこだわりが強く感じられるウェブサイトだなと思いました。

もしかしたらわたしの環境特有の問題かもしれないのですが、ときどきスクロールがぶっ壊れるというか、制御がおかしくなっているように見える場面があったりしたんですが、それを差し引いても全体的に随所にこだわりが感じられる実装例だと思いました。
たぶん、自分自身でモデリングツールなどを駆使してプリレンダリングの CG ムービーを作ったりして、それを素材として使っているんですかね……
そういう隅々までこだわりを持って作ってますよという気概のようなものが、今回のサイトには満ちているように感じます。
ぜひチェックしてみてください。