0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

物理エンジンで複数の物体を自由落下させて、衝突時に音を鳴らすようにしてみた

Last updated at Posted at 2021-01-09

できたもの

グラフは、衝突した物体のペアの番号をプロットしたものです。(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 - 衝突検出

音を鳴らす

chart.js

0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?