帰ってきたネコブログ

実は過去に挑戦したことがあって、もう少しマシなものができたと思う。

SVGで鍵盤を描いて、クリックすると音でるようにしてみた。
http://techno-cat.github.io/webaudio/sample1.html

2015/11/10 追記
ポルタメントが掛かってしまうのを解消したバージョンも作ってみました。
http://techno-cat.github.io/webaudio/sample2.html
— ここまで追記 —

鍵盤の色を変えるのに、その図形の色を変えれば良いと思ったんだけど、
実際は、外側の線とか、重なり順とかで思った通りいかなくて、
上に同じ図形を重ねて、表示・非表示を切り替えることにした。(*1)

あと、iPhoneでも鳴ると思ったんだけど、
試してみたら鳴らなかったので今回は諦めることにした。
これについては、そのうち解決できればと思う。

次はその他のNodeを使って、他に何ができるか探ってみようと思う。

おしまい。

(*1) 実際は、透過度を切り替えてる。

カテゴリー: JavaScript, コンピューター by ネコ on 2015年11月09日 | タグ: WebAudio > メモ > 音楽