SoundCloud と連携しサウンド再生に応じたグラフィックス処理を実現! CSS 処理も面白いウェブサイト

メインはむしろ CSS 今回ご紹介するのは、SoundCloud と連携することによりオーディオデータを取得、さらにそれを再生しながら解析しグラフィックスを変化させるというデジタルコンテンツです。 どちらかというと、このサイトのメインは WebGL というよりは CSS によるアニメーションであり、...

doxas 2017-07-14 14:04:35

一見すると WebGL だけど実は CSS! 立体的な表現を CSS で行なった驚きのウェブサイト

まるで WebGL のようだけど…… 今回ご紹介するのは、なんと WebGL ではない ウェブサイトです。 というのも、今回のサイトは一見すると 3D 表現が使われているのでいかにも WebGL っぽいのですが、これらが CSS で実現されているという非常に面白いサイトなんですね。 実装には thr...

doxas 2017-06-04 14:25:09

CSS3D と WebGL を融合させた立体風の書籍ビューア! プラグインとして提供もされてます

用途にマッチした 3D 表現の使い分け 今回ご紹介するのは、3D で PDF などの電子データを表示することができるプラグインのデモページです。 このプラグイン、Wordpress や jQuery のプラグインとして提供されているもののようで、そのデモ版として実際に動いている様子を見せるためのペー...

doxas 2016-06-30 14:09:55

ブラウザやハードウェアの性能をチェックできるオンラインベンチマーク Basemark Web 3.0

老舗ベンチマークソフトメーカー 今回ご紹介するのは、オンラインで即座に実行可能なウェブベンチマークアプリケーションです。 ベンチマークに関しては大手と言って差し支えない企業、Basemark が提供しているウェブサービスで、ブラウザそのものがどの程度の性能を持ち、実行環境でどのような最大性能が発揮で...

doxas 2016-06-14 15:08:29

とあるゲームデベロッパのウェブサイトには CSS と WebGL を駆使した面白い仕組みが盛りだくさん!

全方位マップだけじゃない楽しいサイト 今回ご紹介するのは、とあるゲームデベロッパのウェブサイトです。 キャプチャした画像を見ると、一見して、全方位を自由に見渡せるデモ風の実装になっているのが想像できるかと思います。 もちろん、そういった操作もできるようになっているのですが、このウェブサイトにはその他...

doxas 2016-05-19 13:46:54

share

follow us in feedly

sponsor

マウスコンピューター/G-Tune

search

search

sponsor

social