マイクからの音声入力と連携して動作するオーディオビジュアライザ! Beat Painter!

周囲の音を取得して可視化するペイントアプリケーション 今回ご紹介するのは、WebGL の高速な描画処理を利用して、マイクから入力された音声データをもとに派手なペイント処理が行えるオンラインアプリケーションです。 ユーザーがマウスでスラスラとペイントするのではなく、あくまでも音声データのみを元にレンダ...

doxas 2017-05-06 13:22:25

SoundCloud API と WebAudio を組み合わせたサウンド効果が素晴らしい WebGL デモ RAYLIGHT

モノクロの世界なのになんと表情豊かなのか 今回ご紹介するのは、WebGL に WebAudio を組み合わせたデモ作品で、その美しいビジュアルとサウンド効果が非常に素晴らしい作品です。 まるで万華鏡のように、反転して描かれる世界は全てモノクロです。 作品全体を通して最初から最後までずっとモノクロのま...

doxas 2017-05-03 13:45:32

ビジュアル・サウンド・インタラクション! オンラインでの様々な表現に挑戦するコンテストに WebGL 作品が集う!

どれもハイレベルな作品ばかり! 今回ご紹介するのは、Whitestone というプロジェクトの企画のひとつで、ウェブ上で見ることのできるサウンドビジュアライズのコンテストです。 意図的なものなのかどうかわかりませんが、そこに掲載されているのはいずれも WebGL を用いた様々なサウンドに反応するビジ...

doxas 2017-03-08 13:54:30

サウンドデータから生成された波形を可視化する gl-waveform! ずっと見ていられる美しさ

シンプルすぎるくらいシンプル 今回ご紹介するのは、サウンドデータから波形を生成して、それをビジュアライズすることができる WebGL の波形可視化デモです。 私は WebAudio に限らず、音声系の知識はあまり明るくないので細かいところはよくわからない部分もあるのですが、動的に再生されている音声デ...

doxas 2017-01-03 13:36:49

WebAudio をこれほど活用した WebGL デモは見たことない! 見た目はとっても簡素だけど……

音量注意! そしてヘッドホン推奨! 今回ご紹介するのは、WebGL というよりはむしろ、WebAudio のデモとして非常に秀逸な一作です。 3D ビューと 3D オーディオを組み合わせた今回のデモは、見た目については非常に簡素で、むしろおまけという感じの扱いです。 しかし驚くべきはそのサウンド効果...

doxas 2016-11-10 13:41:29

share

follow us in feedly

sponsor

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

search

search

sponsor

social