ド派手な遷移エフェクトやマウスカーソルのインタラクションが美しい Xperia XZ2 の特設サイト
滲むような流れるような…… 今回ご紹介するのは、Sony のスマートフォン Xperia の中国語での特設サイトです。 こちらのサイトでは非常に派手なシェーダによるエフェクトが使われており、動画や画像を WebGL の世界のなかでレンダリングしながら使っているため、画面全体にエフェクトが掛かるように...
自分の顔写真をテクスチャに！ オリジナルの鎧甲冑アバターを作ることができる Samurai avatar
海外へ日本のことを紹介するサイト上のデモ 今回ご紹介するのは、航空会社の ANA が提供する IS JAPAN COOL? というサイトの特設ページです。 このサイト、海外の主に観光客などに向けたサイトだと思うのですが、実は以前にも WebGL を使ったなかなか興味深いコンテンツを配信していました。...
動画を中心にしつつちょっとしたアクセントに WebGL を利用！ スイスにあるコンサルティング会社のウェブサイト
あくまでも脇役に徹した WebGL 今回ご紹介するのは、スイスにあるコンサルティング会社のウェブサイトです。 WebGL の使われている部分は本当に一部だけですし、これむしろ Canvas2D とかでもできないことはないのでは？ とも思うのですが、Pixi.js を使ったシンプルな WebGL の実...
こんなウェブサイト見たこと無い！？ 個性的で独創的なセンスが光る Studio Regale のウェブサイトがすごい
どこかノスタルジックでなおかつポップ 今回ご紹介するのは、アムステルダムを拠点にするクリエイティブ・デジタルスタジオ Studio Regale のウェブサイトです。 WebGL の実装としては Pixi.js を使っており、主に二次元的な演出が非常に素晴らしいウェブサイトとなっています。 直接 3...
フラクタルが美しいフリーランスのグラフィックスプログラマー Conner Bell さんのポートフォリオ
マウスによるインタラクションが秀逸 今回ご紹介するのは、グラフィックスプログラマーの Conner Bell さんのポートフォリオサイトです。 トップページ部分の背景全体にレンダリングされる非常に美しいフラクタルの模様が GLSL を使って描かれており、とても迫力のあるビジュアルを実現しています。 ...
