できたもの
グラフは、衝突した物体のペアの番号をプロットしたものです。(0番は地面)
See the Pen drop cubes by using cannon.js and make sound by kob58im (@kob58im) on CodePen.
鳴ったり鳴らなかったり…
スマホでは、ユーザー操作がないと鳴らせないらしい。
ブラウザアプリでのサウンド再生(苦悩編) | スマゲー作るよ
【追記:コメント頂いた内容を参考に、ボタンで開始するようにしてみました。】
あと、画面外だと鳴らないっぽい(?)
効果音を連続的に再生させるやりかた
再生が完了しきらないうちに、次の再生を設定・要求すると、まともに再生できなかったので、
再生中の場合には、下記のように先頭から再生しなおしています。
audio.pause();
audio.currentTime = 0;
audio.play();
参考サイト
cannon.js - 衝突検出
音を鳴らす
- CodePen: HTML+JavaScriptで波形生成して聴覚テストっぽいものをつくってみた - Qiita
- video要素、audio要素をJavaScriptから操作する-HTML5のAPI、および、関連仕様