独特なディストーション効果が塗料やセメントを思わせる質感でおもしろい Alkares のウェブサイト
非常におもしろい質感
今回ご紹介するのは Alkares という企業のウェブサイトです。
どうやらこちらの企業、いわゆる床材を扱っているみたいなのですが、ウェブサイトの体裁はどちらかというと IT 企業や IT 系スタートアップみたいな雰囲気です。
あまり堅いイメージではなく、こういう軽やかな印象のウェブサイトで床材の話をしているのがすごく新鮮な感じがしておもしろいです。
リンク：
3D 表現もいくつか見られる
今回のサイトの WebGL 実装において、最も存在感を放っているのは画像に対して適用されているディストーションエフェクトだと思います。
このディストーションエフェクト、すごくおもしろいですね。
流体とはちょっと違う感じなんですよね。
なんか、粘り気の高い柔らかい流体を触っているような、独特の質感があります。
ソースコードを分析したりしたわけじゃないので正確なところはわかりませんが、なんとなく、頂点自体がヌルっと動いているような感じの見た目をしています。
また、流体とは違って同じ状態にゆっくりと戻っていくような作用が働いていて、ほんとに不思議な触り心地です。
トップページに配置された大きめの画像だけでなく、サイト内に配置されている多くの場面で、画像に対してこのディストーションエフェクトが割り当てられているようです。
その他、全部をスクリーンショットで掲載するわけではないですが、いくつか WebGL を使っていそうな部分があり、そのなかには 3D 表現がなされている場面もあります。
ドラゴンの彫像みたいな形の 3D モデルが出てくる場面もあり、本当に不思議な感じがします。
たぶん、科学的な知見も活用しながら床材を開発し、そして一方では職人的な手仕事で丁寧にそれを施工する、そんなかんじの組織なのかなという印象を受けました。
とにかくデザインはおしゃれな感じで、ほんとになにか、デジタルな技術を活用したスタートアップ企業みたいな感じのスタイリングになっています。
インタラクティブな演出も比較的多くの場所に散りばめられており、すごくかっこいいウェブサイトになっています。
個人的にはやっぱり不思議な粘性を感じるディストーションがおもしろいなと感じます。あんまりこういうの、他では見たことがないです。
ぜひチェックしてみてください。
