波打つシンプルな表現と大きく取られた余白が印象的なイタリアの企業のウェブサイト
超シンプルかつカジュアルに WebGL を利用 今回ご紹介するのは、イタリアの企業のウェブサイトです。 とてもシンプルなデザインに統一されているのですが、様々な要素がアニメーションやフェードを施され、操作するほどに洗練された印象が浮き出してくる、そんなサイトに仕上がっています。 トップページ部分など...
まるで泡が弾けるような不思議な感覚……三角ラインで描画する Image Triangulation Demo
徐々におぼろげに浮かび上がってくる 今回ご紹介するのは、他ではあまり見たことのない独特なビジュアルが非常に面白い WebGL のデモコンテンツです。 内容自体はシンプルというか……基本的にはそのロジックの面白さについ見入ってしまうような、そんな内容です。点と、線、そして微妙なグラデーションによって描...
流れるように滑らかな transform アニメーションと GLSL シェーダエフェクトが組み合わさった個性的なポートフォリオ
全てが超高次元でまとまった奇跡のようなサイト 今回ご紹介するのは、WebGL 界隈ではその名を目にすることも多い、Du Haihang さんのポートフォリオサイトです。 インタラクション、アニメーション、そしてシェーダによるインタラクティブなエフェクト表現と、あらゆる面で高いレベルを見せつけるとても...
深度をテクスチャに焼き込み 2D を疑似 3D 化! Pixi.js を利用した驚きの表現が大迫力のティザーサイト
技あり演出に驚愕! 今回ご紹介するのは、トランスフォーマーの新作映画のティザーサイトです。 非常に面白い演出方法を用いているのが特徴で、とても迫力のある、素晴らしいウェブサイトになっています。全体的な仕上がりも素晴らしいのですが、やはりイントロ部分からトップページ部分の Pixi.js を使った演出...