エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
WebGLでSound Shaderの実装 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
WebGLでSound Shaderの実装 - Qiita
ShadertoyではGLSLを書くと音を鳴らすことができます。通常はグラフィックのために使用するGLSLでどのよ... ShadertoyではGLSLを書くと音を鳴らすことができます。通常はグラフィックのために使用するGLSLでどのようにサウンドを生成しているのか疑問だったので、サウンド生成部分を実装してみました。 サウンドはリアルタイムに生成しているわけではなく、以下のようにあらかじめ指定した時間間隔のサウンドをすべて計算してオーディオバッファーに書き込んでおくようです。 シェーダーを使ってある時刻の音の波形をGPUで計算する GPUで計算した値をCPU側で読み出してオーディオバッファーに書き込む 波形の計算をフラグメントシェーダーで行う方法と頂点シェーダーで行う方法があり、今回はそれぞれ両方を試してみました。 フラグメントシェーダーを用いた実装 フラグメントシェーダーでの実装は以下の記事を参考にしています。 ShadertoyのSound ShaderをThree.jsで実装してみた - マルシテイア