WebGL 実装もそうでない部分も工夫がいっぱいの Dgrees Studio のウェブサイトが楽しい
Pixi.js を使ったディストーションエフェクト 今回ご紹介するのは Dgrees Studio というスタジオのウェブサイトです。 Awwwards でもたくさん賞を取っているスタジオみたいなので、名前を知っている人も多いかもしれません。 今回のサイトはいわゆるコーポレートサイトだと思うのですが...
ミステリアスでエキゾチック! 怪しいサーカス団のテントに迷い込んだような SRETKS さんのポートフォリオサイト
今回は Babylon.js と Pixi.js の合せ技 今回ご紹介するのは、当サイトでも過去に何度も取り上げたことのある SRETKS さんのポートフォリオサイトです。 つい先日リニューアルされた形なのかなと思うのですが、今回もまたかなり個性的な感じの仕上がりになっていますね。 これまでのウェブ...
独特な雰囲気は今回も健在! デザイナーズ・インテリアなどを扱う moooi のウェブサイト Paper Play
今回も WebGL 実装は Pixi.js 今回ご紹介するのは、過去にも紹介したことがある moooi というインテリア製品やアート製品を扱うウェブサイトです。 実はこの moooi のウェブサイト、過去にも紹介したことがあるのですが、その際は Pixi.js を利用して平面的な WebGL 表現を...
レンズ越しに日本語訳の文章が見えるという個性的な演出も面白い monopo london のコーポレートサイト
日本で創業したクリエイティブ・エージェンシー 今回ご紹介するのは、もともと日本で創業した monopo のロンドンオフィスのコーポレートサイトです。 背景にグラデーションが美しい WebGL のビジュアルを採用していることに加え、カーソルの位置にレンズのようなものが置かれ、そのレンズ越しに文章を見る...
Wikipedia からデータを収集して可視化する歴史のタイムラインコンテンツ! Histography がおもしろい
大量のデータをスムーズに表示する 今回ご紹介するのは、Bezalel Academy of Arts and Design というイスラエルにあるアカデミーが公開しているコンテンツで、ビッグバンから現代まで、人類が知り得た歴史を可視化した WebGL 実装のコンテンツです。 WebGL 実装とは言う...