様々な 3D オブジェクトが登場しポストエフェクトも活用した Vlad Polupan さんのポートフォリオサイト
2D と 3D を両方とも活用した作り 今回ご紹介するのは Vlad Polupan さんのポートフォリオサイトです。 サイト全体が 3D シーンを活用した作りになっており、背景には常に WebGL でレンダリングしたシーンが描画されています。 インターフェースは 2D と 3D のハイブリッドとい...
流体シミュレーションの WebGL デモをモノクロ化して取り入れたドイツの広告代理店 ZwislerDecker のウェブサイト
よりクラシックな印象のリアルタイム Fluid 今回ご紹介するのは、ドイツ・ベルリンを拠点にする代理店 ZwislerDecker のウェブサイトです。 ドイツ語なのでどう発音するのが正しいのかわからないのですが、個性的なフォントが使われており、どことなくクラシカルな印象を抱かせるデザインとも相まっ...
斜めに傾いたようなレイアウトとシェーダによるエフェクトが秀逸な Yusuke Fukunaga さんのポートフォリオ
奥行き感を上手に利用した立体レイアウト 今回ご紹介するのは、日本のウェブ・フロントエンドの開発者、Yusuke Fukunaga さんのポートフォリオサイトです。 サイト内に置かれているコンテンツが斜めに傾いたような感じで配置されていて、奥行き感のあるビジュアルとなっています。 見た目が立体的で面白...
波が伝播していくような柔らかな手触りが心地よい MAISON CACAO のバレンタインデー・スペシャルサイト
どこか透明感すら感じる美しさ 今回ご紹介するのは MAISON CACAO のバレンタインデー特設サイト 2021 年版です。 8つの異なるテーマと、それぞれに異なるフレーバーの製品が紹介されています。 すべての製品には一種のストーリーのようなものが用意されていて、それらを1つ1つ見ていくだけでもと...
美しき Curl Noise と直感的な Audio Experiment が融合! 目にも耳にも楽しい Synesthesia がすごい!
ぜひハイエンドマシンで楽しみたい一作 今回ご紹介するのは、@rikard_io さんが公開している WebGL 作品です。 グラフィックスとサウンドをミックスした作品となっていて、Curl Noise を利用した非常に美しい映像はもちろん、再生されるサウンドの品質も実に高いレベルで作り込まれています...