エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
- 2019/07/28 12:39:01 投稿
- 再生数：298
- マイリスト数：1
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。初めての3Dプログラミングなので色々間違ってる気がしてならない。（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、 sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。