効果音作成 - tompngの日記

早速ネタが切れたので過去に作ったツールの紹介を。

効果音作成ツール「おでーん」

http://www.geocities.jp/flyinpng/oden/

使い方は簡単。
周波数特性(音の高さ事の成分上の曲線)と、音程(中)と音量(下)の時間変化のパラメータ曲線をマウスドラッグでいじるだけ。
左クリックで制御点移動or追加、SHIFT+左クリックで制御点削除、SPACEキーで再生
思った通りの音を作るには若干慣れが必要。

軽く技術情報を
★パラメータ編集部分にはcanvas要素を使用。これのおかげでjavascriptの表現力が格段に上がってくれてうれしい。
★WebWorkers(バックグラウンド処理)で音声データ(dataスキーム data:audio/wav;base64,[バイナリデータ])を生成。
　詳細は以下の通り
　　1. 周波数特性に乱数を掛ける
　　2. FFTをかけて、元となる波形データ(ループ)を作る
　　3. 指定された音程になるように再生速度を変化させたデータを作る
　　4. 音量を掛けて出来た波形データにwavヘッダを付けて完成
★audio要素に渡して、再生制御。
★HTML5万歳

パラメータ曲線編集方法のタッチパネル版を考えていて、iPod/Androidに移植したいと思ってるけどもそれはまた別の話。

爆発音/破裂音/摩擦音とかなら簡単に作れるはず。
ゲーム等の効果音探しに困ったら試してみては？