多彩な表情を見せる頂点シェーダを活用したダイナミックな変形演出がすごい！ unshift のウェブサイト
頂点シェーダ芸で見せる世界 今回ご紹介するのは、unshift（長谷川 巧）さんのウェブサイトです。 ポートフォリオサイト自体はだいぶ前にリニューアルされていたのですが、そこに最近 WebGL の実装が追加されて、より迫力のある演出が盛り込まれた形になりました。 長谷川さんは以前のポートフォリオサイ...
クジラたちの姿やその鳴き声の視聴も可能！ 独特なスクロール演出も面白い Save whales
うねる波のような横方向のスクロール 今回ご紹介するのは、Save whales というクジラたちの保護を訴えるウェブサイトです。 こちらのサイトでは、トップページで行う水平方向のスクロール操作や、各コンテンツページでのクジラの立体表現などに WebGL が使われています。 クジラたちを捉えた美しい写...
絵画のような平面の世界と 3D 的な表現とを融合させた高品質なビジュアルが美しい Gucci のウェブサイト
立体的なジオメトリとテクスチャ芸の合せ技 今回ご紹介するのは、日本でも高級なファッションブランドとして有名な Gucci のウェブサイトです。 Gucci は結構 WebGL を使ったハイエンドなウェブサイトをリリースしてくることが多いのですが、今回のサイトも非常に高品質なビジュアルを備えたサイトに...
パーティクルを利用して粘性流体をシミュレートすることができる Atomize が面白い！
パラメータ調整も可能なインタラクティブコンテンツ 今回ご紹介するのは、粘性のある流体をシミュレートする WebGL のデモコンテンツです。 Atomize と名付けられたこのプロダクトでは、弾むような動きをするパーティクルの様子を観察することができ、パラメータを操作することで様々な状態を再現すること...
流れるように動くパーティクルや布の質感に圧倒される Prior Holdings のウェブサイト
幻想的ですらある空気感がすごい 今回ご紹介するのは、Prior Holdings のウェブサイトです。 こちらのサイトは、企業のコーポレートサイトとは別に、ブランドイメージをしっかりとビジュアルで表現したエクスペリエンスのサイトという位置づけのようです。 制作したのも海外のスタジオのようで、（良い意...
