水面から差し込む光の表現も見事な Pixi.js 製の演出が面白い！ 映画 CARGO のウェブサイト
海の深さを感じさせる演出 今回ご紹介するのは、CARGO という映画のウェブサイトです。 カリーム・モーティマーという方が監督を努めている作品だそうで、日本では吹き替えとかがあるわけではなさそうなので、あまり知られていない作品なのかもしれません。 海のある地域（バハマ）が舞台の映画のようで、今回のサ...
Pixi.js とノイズを上手に活用！ 動画のトランジション演出を中心に丁寧に作られた Yard Agency のウェブサイト
比較的簡単なシェーダ実装 今回ご紹介するのは、Yard Agency のウェブサイトです。 Pixi.js とノイズを使った動画のトランジション演出が行われていて、シンプルですがとても迫力のある印象に仕上がっています。 今回のサイトに見られるような、ノイズを使ったトランジションは結構簡単というか……...
著名な四人の女性たち……その内面の美しさまでを表現した Pixi.js 製のウェブサイト Beyond Beauty
2D 系の表現の参考に 今回ご紹介するのは、世界的にも有名な四人の女性たちが主人公のウェブサイトです。 彼女たちの内面の美しさにまで迫るかなり手の込んだコンテンツが用意されており、女性の持つ美しさや強さを上手に表現しているサイトになっていると思います。 音声や画像をたくさん使っていますが、そこに P...
動画を中心にしつつちょっとしたアクセントに WebGL を利用！ スイスにあるコンサルティング会社のウェブサイト
あくまでも脇役に徹した WebGL 今回ご紹介するのは、スイスにあるコンサルティング会社のウェブサイトです。 WebGL の使われている部分は本当に一部だけですし、これむしろ Canvas2D とかでもできないことはないのでは？ とも思うのですが、Pixi.js を使ったシンプルな WebGL の実...
こんなウェブサイト見たこと無い！？ 個性的で独創的なセンスが光る Studio Regale のウェブサイトがすごい
どこかノスタルジックでなおかつポップ 今回ご紹介するのは、アムステルダムを拠点にするクリエイティブ・デジタルスタジオ Studio Regale のウェブサイトです。 WebGL の実装としては Pixi.js を使っており、主に二次元的な演出が非常に素晴らしいウェブサイトとなっています。 直接 3...
