キューブだけを利用した高層ビル街のようなシンプルなサウンドビジュアライザ SoundCity

シンプルだが不思議と洗練された雰囲気 今回ご紹介するのは WebGL 実装としてはかなりシンプルなサウンドビジュアライザです。 今回のデモは、たぶん、three.js のサンプルをほぼそのまま移植したんだと思いますが、かなりシンプルな外見をしています。マウスやキーボードによる操作を受け付けるようにな...

doxas 2016-10-31 14:05:25

Curl Noise やポストエフェクトを利用したハロウィーンにちなんだ WebGL デモ Pumpkin Jam!

自分好みの音楽を使って楽しもう 今回ご紹介するのは、ハロウィーンにちなんだデモ作品で、たくさんのかぼちゃたちが登場するちょっとしたサウンドビジュアライザになっている WebGL 作品です。 かぼちゃたちは Curl Noise によって座標計算が行われているようで、怪しげな流体のような動きで三次元空...

doxas 2016-10-30 14:18:49

食品添加物を見つけ出す! 面白いテーマが楽しい Pixi.js 実装のミニゲーム The Land of Clean

非常に完成度の高い 2.5D グラフィックス 今回ご紹介するのは「クリーン」というキーワードを主題にした、食品がメインテーマのミニゲームコンテンツです。 ブラウザで普通に遊ぶことができ、グラフィックス描画には Pixi.js が利用されているようですね。 Pixi.js の得意とする二次元的な描画処...

doxas 2016-10-29 13:26:58

オーストラリアの大手航空会社カンタス航空のウェブサイトにリアルな旅客機モデルのビューアが登場!

細部まで作り込まれた一作 今回ご紹介するのは、オーストラリアを中心に南半球では最大手となる航空会社、カンタス航空のウェブサイトです。 航空会社らしく、WebGL で描画されるのは旅客機です。 一見すると翼がしなりすぎのような気がするんですけど、実際はこんなもんなのかな? 旅客機は、当たり前ですが旅行...

doxas 2016-10-28 13:08:50

流れるような表現が美しい! ドイツや上海にオフィスを構える MING Labs のウェブサイト!

世界に四つの支店を展開 今回ご紹介するのは、ドイツや上海など、世界の様々な地域で活躍している MING Labs という企業のウェブサイトです。 ウェブサイトの作りは WebGL 以外の部分も含めてとてもよくできていて、この企業の十分な技術力を感じさせてくれる見事なコーポレートサイトになっています。...

doxas 2016-10-27 22:23:06

share

follow us in feedly

search

search

monthly

sponsor

social