読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

Web Audio APIのモジュラー接続デモを作ってみる(1)

Web Audio API JavaScript HTML5 Audio WebAudioModuler

ぼちぼちと作ってみている。ようやく画面が表示できるようになった。 https://36.media.tumblr.com/c7a69a35468d098c25af7ecda131a465/tumblr_nwek5t78Ba1s44dwzo1_1280.png

現時点の成果物はGistに上げている。ノードをドラッグして動かせる程度であるが。

Web Audio モジュラー接続画面デモ

今のところChrome,Firefox,Edgeで動作を確認している。

ES6をの機能をちょこっと使っていて、Chromeではそのまま動作するんだけど他のブラウザでは動作しなかったから、babelを挟んでいる。ビルド環境を作るのが面倒なのでコマンドラインでたたいているが。

d3.jsを使ってデータバインドし、SVGで絵を描くコードを書くのは面白いね。なんかこう描画効率のよいコードが書けているような気にさせてくれる。

これからノードを挿入したり、パラメータをいじったりすることができるようにするつもりだが、結構時間がかかるかもしれない。